当前位置:首页 > Css

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

happyfhb13年前 (2014-06-19)Css2823
摘要:一种可能情况因为父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无效解决办法 ” 的相关文章

min-height 用法

以前的时候很少用到这个标签.不过某些时候这个标签真的非常好.不过 min-height IE6 IE 8 好像都不支持.未免有点可惜.用法就是 设置某个层的最小高度. 当文章内容撑破这个高度的时候才自适应.这样的好处就是最大化让网页变得美观.…

解决IE浏览器不支持min-height 的问题

根据海滨的实践.min-height样式IE是不支持的 唯有FF支持. 但是可以用下面的办法搞定最小高度问题.height:auto!important; height:400px; /*假定最低高度是400px*/ min-height:400px;…

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

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

您需要了解的DIVCSS网页布局的8条面试题目

CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天52CSS.com收集了常见的8条面试题目,希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题?被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺…

鼠标放上去点击图片

鼠标放上去点击图片

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

发表评论

访客

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