当前位置:首页 > Css

父级div height:auto无效解决办法

happyfhb12年前 (2014-06-19)Css2774
摘要:一种可能情况因为父div中的div处于浮动状态。浮动是会脱离文档流的,内部两个层就不会局限于父层。所以父层不知道内部的高度。但清理浮动,可以把他们“拉”回来。…

一种可能情况因为父div中的div处于浮动状态。

浮动是会脱离文档流的,内部两个层就不会局限于父层。所以父层不知道内部的高度。但清理浮动,可以把他们“拉”回来。

父DIV加上 zoom:1;overflow:hidden;

zoom:1会触发ie(ie8以下)的haslayout,刚好能清理浮动。 overflow:hidden;则对其他浏览器起作用(其实对ie7也会起作用)。

另外,当父DIV有固定高度会同zoom:1;一样会触发ie(ie8以下)的haslayout,但auto值却不会。


扫描二维码推送至手机访问。

版权声明:本文由海海日记-冯海滨博客发布,如需转载请注明出处。

本文链接:http://www.fenghaibin.com/?id=1162

“父级div height:auto无效解决办法 ” 的相关文章

经典的DIV+CSS图文混排

其实这是很老的方法了。写出来只是给新手看 。高手就不要笑话我了。呵呵。下面是代码和演示效果。图文混排 左浮动<div style="width:400px; height:400px; padding:5px; background-color:#CFF;word-wrap:brea…

DIV+CSS hack书写规范

IE下很多地方可以省略一些层定义的浮动属性,但是FF不行,必须每个个层都写清楚,几个DIV层水平排列的时候,IE6中必须要加display:inline;,不然前端会出现双倍间距,而FF中则加不加display都显示正常.这些都是由浏览器默认值的不同而引起的,你看到那些大站的布局在各浏览器中都显示正…

升级到IE8 还是坚持IE7?

       IE8用户越来越多,我一直在使用IE7,觉得还不错,因为目前不是很习惯火狐,所以一直用着以IE7为内核的世界之窗浏览器。我到底该不该升级到IE8呢?我一向都是用最新版的软件的,这问题还真的不好决定。  &n…

div中英文无法自动换行的解决方法

问题:在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大小。原因:这是因为div中,英文字母之间没有空格的话,它会默认认为这是一个英…

鼠标放上去点击图片

鼠标放上去点击图片

 鼠标放上去点击图片.rar 非常好的css样式。…

纯div+Css下拉菜单

纯div+Css下拉菜单

 纯div+Css下拉菜单 请在下方下载经典下拉菜单.rar …

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。