CSS学习总结

2020-05-03 10:52:51易采站长站整理

margin-left: 0;
}
.myFloat{
margin-left: -3px; /*重要的一句,等于左边的浮动元素的宽度缩小了3px*/
}

5.3 IE6的重复字符bug
当一系列浮动元素排列在一排,如果最后的元素重复出现则是这个bug。
ps:通常是代码有添加注释的情况
解决方法
1.运用负外边距
2.清除注释
5.4 IE6的“躲猫猫”bug
当一个浮动元素后面跟着一些非浮动元素,然后是一个清理元素,所有这些元素包含在一个设置了背景颜色或图像的父元素中。如果清理元素碰到了浮动元素,那么中间的非浮动元素看起来像消失了,只有在刷新页面的时候才出现。
解决方法
1.去掉父元素上的背景颜色或图像
2.避免清理元素与浮动元素接触
3.容器指定行高
4.将浮动元素和容器元素的position属性设置为relative