用overflow来解决div的自适应高度 【WEB标准】

一直以为,overflow是用来控制宽度和高度,防止溢出或者撑破布局的。如:overflow:hidden;

按以前的做法,兼容高度自适应的代码一般情况下用 { height:auto; min-height:200px; } 再组合 { clear:both; }来实现,相关文章链接地址:[DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)] [三列布局且能自适应高度完美解决方案],但最近在做页面的时候,才发现原来用overflow还可以实现自适应高度。

用一句代码 { overflow:hidden; } 就可以实现自适应高度了。比起之前用 { height:auto; min-height:200px; } 再组合 { clear:both; }来实现要简洁实用的多。强烈推荐大家用此种方法来实现自适应高度!

...

评论:(3)  浏览:()  More...

daniel,2009/8/3   Tags:css  自适应高度  overflow  hidden  

Powered By Z-Blog 1.8 Arwen Build 90619, 皮肤设计支持:异次元软件世界
网站SEO-WEB标准, Daniel's Blog, CopyRight 2009-2011, 鄂ICP备10001167号,