3、left;">
4、上一条"overflow:hidden"的CSS语句就行了。代码这样写:
5、知道CSS语句中有一个:after伪选择符,就可以在父容器的尾部自动创建一个子元素,这正好符合我们的需要。下面的代码参照了lifesinger的写法:.clearfix:after{content:" 020";display:block;height:0;clear:both;}"clearfix"是父容器的class名称,"content:"020";"是在父容器的结尾处放一个空白字符,"height:0;"是让这个这个空白字符不显示出来,"display:block;clear:both;"是
6、确保这个空白字符是非浮动的独立区块。但是,:after选择符IE6不支持,也就是说上面的这段代码在IE6中无效,这怎么办?我们添加一条IE6的独有命令"zoom:1;"就行了,这条命令的作用是激活父元素的"hasLayout"属性,让父元素拥有自己的布局。IE6会读取这条命令,其他浏览器则会直接忽略它。7.最终代码.clearfix:after{content:" 020";display:block;height:0;clear:both;}.clearfix{zoom:1;}8.附录什么是has
7、LayoutIE使用Layout概念来控制元素的尺寸和位置。如果一个元素有Layout,它就有自身的尺寸和位置;如果没有,它的尺寸和位置由最近的拥有布局的祖先元素控制。在默认情况下,拥有Layout的元素包括:,
, | , |
---|