当前位置:首页 > Css

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

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

css实现中英文双语导航菜单

 双语菜单一般在中英双版的企业站会经常用到,而绝大部分都是用图片来实现,这里和大家分享用纯CSS实现的中英双语导航菜单!代码请看: function trestart() { if(script) { clear = confirm("你真的确定要清除代码吗?"); i…

css高度自适应

人学习某个东西到一定程度的时候思维就固化了.不懂得变通.今天遇到一个css高度自适应问题 我竟然用 height:100%;真是好搞笑.幸亏志伟兄及时指点.应该是 height:auto;很菜鸟的问题 但是却难了我一天 真是要好好学习了.…

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

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

CSS/DIV网页设计视频教程

 CSS基础知识与核心概念CSS初探 - CSS基本知识 - 第1课CSS基本语法与核心概念 - CSS基本知识 - 第2课设置丰富的文字效果 - CSS基本知识 - 第…

鼠标放上去点击图片

鼠标放上去点击图片

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

发表评论

访客

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