Css浮动元素外层容器高度为0(无高度)的解决方法
发布时间：2013-07-31 11:40:11 作者：佚名 
我要评论
我要评论在ie8、chrome浏览器中，包裹浮动的li元素的外层ul高度为0，ie7浏览器和ie8兼容模式显示正常，下面与大家分享下多种解决方法大家可以根据情况自由选择，希望对大家有所帮助
由于项目中使用ul+li的布局方式，在ie8、chrome浏览器中，包裹浮动的li元素的外层ul高度为0，ie7浏览器和ie8兼容模式显示正常，这是典型的浏览器兼容性问题。
解决办法：
第一种：设置ul的style属性
overflow:hidden;//超出元素纬度范围的内容的可见性：隐藏
第二种：设置ul的style属性
float:left; //浮动：左
第三种：在ul标记内加空div
<div style=" clear:both; visibility:hidden;">
解决办法：
第一种：设置ul的style属性
复制代码
代码如下:overflow:hidden;//超出元素纬度范围的内容的可见性：隐藏
第二种：设置ul的style属性
复制代码
代码如下:float:left; //浮动：左
第三种：在ul标记内加空div
复制代码
代码如下:<div style=" clear:both; visibility:hidden;">
相关文章
- 当一个元素只包含浮动元素的时候，它会出现高度折叠，即元素的上下底边重合，和高度为0效果一样，针对这个问题与大家分享四种解决方法，感兴趣的你可以参考下本文或许对你2013-03-04
- 刚入门网站设计布局的开发者肯定会碰到这样的问题，那就是当子容器全部浮动的时候，父容器的高度不能自动撑开,今天偶也遇此问题，需要了解的朋友可以参考下2012-12-27
- 翻译自Matthew James Taylor的Equal Height Columns with Cross-Browser CSS and No Hacks，有些部分根据我的理解改了，让一些初心者更好理解。2009-11-12
- 由于浮动的元素脱离了文档流，所以它们不会在网页文档中占据空间。如果一个DIV容器中想要包含这些浮动的元素的话，有两种办法。2011-08-02
CSS教程：div设置float后高度不自动增加-CSS教程-网页制作-网页教学网
相关文章：http://www.webjx.com/css/divcss-4952.html http://www.webjx.com/css/divcss-5991.html 本来想把这个题目修改为“闭合浮动元素”或&l2008-10-17- 在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：。2009-09-03
- 在网页制作中经常会用到浮动。用了浮动就会涉及到一个清除浮动的问题，因为包含浮动的元素是不会自动适应高度的，也就是不会被浮动元素撑开。2010-07-23
最新评论