overflow解决float浮动后高度自适应问题
作者:不详 来源:source 【大 中 小】 浏览: 添加日期：2007-11-27 我要评论(5)
也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。
如图中的城市导航内的城市列表中采用了float之后，那个外框的高度并不是内容元素的高度：
怎么解决这个问题呢？经发现可以采用overflow来解决！方法是在父元素加上如下代码即可
overflow:auto; zoom:1;
overflow:auto;是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;的方式来解决。
标准之路www.aa25.cn 提示：可以先修改部分代码后再运行
（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）
〖DIV+CSS教程〗Tags: overflow float 高度自适应
所属专题：常用CSS技巧
- 上一篇：谈谈CCS中Float的实质
- 下一篇：标准下隔行换色的思考
相关文章
更多评论(5)..会员评论
- chchf(222.211.*.*) 发表于：2011-08-02 17:24:21
- 站长，我的出现了滚动条，不知道是怎么回事呢？怎么才可以把滚动条弄没了啊？
- ggcs1911(219.133.*.*) 发表于：2011-04-21 16:08:12
- 其实我隔绝的 不必那么写？ li做浮动后 可以在ul的结尾来一个<br class="clearfloat" /><!-- 用于清除浮动的元素 -->
- 管理员回复：也是可以的，不过用br对webkit核心浏览器不太友好
- xgdy(123.6.*.*) 发表于：2011-02-16 21:12:32
- zoom:1; overflow:hidden;
- caiyanhua66(123.127.*.*) 发表于：2010-09-20 09:41:38
- 困扰我的问题看了你的解释后终于解决了，非常感谢
- suwen(221.122.*.*) 发表于：2010-06-28 11:18:10
- 我认认真真的把代码敲了一遍，却发现那效果出来后内容都占了全屏，还有很长的滚动条，而不是像例子那样的居中，这是怎么回事啊，站长大人？我把代码从头到尾对照了一遍，一模一样的啊？⊙﹏⊙b汗
- 管理员回复：如果完全一样是不应该的呀
推荐文章
热门文章
最新图片素材
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)