CSS中height:auto 属性无效

来源:互联网 发布:长春前锦网络信息公司 编辑:程序博客网 时间:2024/06/06 08:46

1、css属性冲突
一种可能情况因为父div中的div处于浮动状态,浮动是会脱离文档流的,内部两个层就不会局限于父层,所以父层不知道内部的高度,但清理浮动可以把他们“拉”回来。
两种解决办法:
①利用chrome查找被覆盖属性的父级css属性,并删除。
②父DIV加上 zoom:1;over; flow:hidden;
zoom:1会触发ie(ie8以下)的haslayout,刚好能清理浮动; overflow:hidden;则对其他浏览器起作用(其实对ie7也会起作用)。

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

原创粉丝点击