作者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)
1F：推 medicalwei:但是当 3 的内容太短，视窗又太小，2 的东西就会不能卷 01/28 09:55
2F：推 medicalwei:除非下面还有东西~@@ 01/28 09:57
3F：→ medicalwei:可能是我说错...=_=上面的话先不要理会 01/28 10:03
4F：→ medicalwei:但是...官方他们也说有问题...@@ 01/28 10:03
6F：推 afu70:这种用table可以解决...table height=100% 01/31 01:10
7F：→ afu70:上面1=> td colspan="2" height="固定高度" 01/31 01:11
8F：→ afu70:下面2,3=> td valign="top" height不用设 div在放进去即可 01/31 01:12
9F：推 godwisdom:用div可以使3的内容出现卷轴，再多的资料都放的下 02/03 22:14