IE下css常见问题总结及解决( 二 )


这种方法就是对父容器使用after伪类和内容声明在指定的现在内容末尾添加新的内容 。经常的做法就 是添加一个点,因为它比较小不太引人注意 。然后我们再利用它来清除浮动(闭合浮动元素),并隐藏这个内容 #outer:after

复制代码代码如下:
{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}

3) 在父div中使用overflow属性,并设置为hidden或者auto,可以在标准兼容浏览器中闭合(清除)浮动元素,为了兼容IE6可以写成如下形式:

IE下css常见问题总结及解决


4)浮动父元素,float-in-float:这种做法就是让父容器也浮动,这利用到了浮动元素的一个特性浮动元素会闭合浮动元素 。这种方式在IE和标准兼容浏览器中都有较好的效果,但在实际编写中,父div不是随意就可浮动的,有可能造成更多问题,因此一般不采用此法 。
7、定义1px高度容器问题:
ie6下无法定义1px高度的容器,例如:
IE下css常见问题总结及解决


解决方法:
1)加overflow: hidden;
2)加zoom: 0.08;
IE下css常见问题总结及解决


推荐阅读