[心得] css 和 div 排版

看板Web_Design作者NUKnigel (簡簡單單)時間19年前 (2007/01/27 15:45)推噓4(4推 0噓 5→)

留言9則, 3人參與討論串1/1

最近在幫老闆寫實驗室網站遇到一個問題 ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ 因為3的內容太長使得2的背景顏色無法延長到底部(除非每個網頁都要設定hight固定pixel) 後來上網查~沒想到真的有解決辦法 -- 解決方法 CSS #1{overflow:hidden;} /*外容器*/ #2{padding-bottom:100000px;margin-bottom:-100000px;} 只要分別在1,2的css內加入上面兩行就可以解決問題 -- 參考文章英文: http://www.positioniseverything.net/articles/onetruelayout/equalheight 中文: http://220.135.241.51/lbs/article.asp?id=247 -- (( ╦ )) ▄▄▄ ＼ ▉╴ ╴▌ 縮小燈煩惱＼ ▉ ▽ ▌ / ↖○Θ█○ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.120.103.106 ※ 編輯: NUKnigel 來自: 59.120.103.106 (01/27 15:47)

推

medicalwei

01/28 09:55, , 1^F

01/28 09:55, 1^F

推

medicalwei

01/28 09:57, , 2^F

01/28 09:57, 2^F

→

medicalwei

01/28 10:03, , 3^F

01/28 10:03, 3^F