不只是在模板修改中会碰到此类问题,在任何的DIV+CSS页面制作中都会碰到。
日前本站长在帮朋友制作ecshop模板的时候就遇到了这个兼容性问题。
我在最外层的DIV设置了一个 heiht:auto ,里面还有两级 p ,在IE下很正常,最外层的大DIV会随着内部的DIV的高度而变化,但是在火狐下就无效。
Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。
例:
解决方法如下,
1.
在float:left的Div之后 加入
这样加入的弊端是,JS DOM找节点时会出现了一个多余的节点,这个也是个没用的DIv2.直接在最大层加入 overflow:hidden; 这也是我用的解决手法!! 简单--
3.今天研究163代码的时候 也发现一种新的解决方法 就是加入一个伪类!
Css如下:
.clearfix:after{context:"."; height:"0"; display:block;clear:both;visibility:hidden}
/* Hides from IE-mac /*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
至于这种方法,IE5.5下 对此类并不支持!!
评论列表()