作者NUKnigel (簡簡單單)
看板Web_Design
標題[心得] css 和 div 排版
時間Sat Jan 27 15:45:43 2007
最近在幫老闆寫實驗室網站
遇到一個問題
▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
因為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:但是當 3 的內容太短，視窗又太小，2 的東西就會不能卷 01/28 09:55
推 medicalwei:除非下面還有東西~@@ 01/28 09:57
→ medicalwei:可能是我說錯...=_=上面的話先不要理會 01/28 10:03
→ medicalwei:但是...官方他們也說有問題...@@ 01/28 10:03
推 afu70:這種用table可以解決...table height=100% 01/31 01:10
→ afu70:上面1=> td colspan="2" height="固定高度" 01/31 01:11
→ afu70:下面2,3=> td valign="top" height不用設 div在放進去即可 01/31 01:12
推 godwisdom:用div可以使3的內容出現捲軸，再多的資料都放的下 02/03 22:14