1.清楚浮动
父盒子高度为0,子盒子全部定位、浮动。子盒子不会撑开父盒子,下面的盒子会顶上来
清楚方法:
clear:both;
overflow:hidden;
加空标签
单/双
//双标签
.clearfix:berore , .clearfix:after {
content:".";
didsplay:table;
}
.fixclear:after{
clear:both;
}
.fixclear{
*zoom:;
}
//单标签
.fixclear:after{
content:"0";
display:block;
height:;
ling-height:;
visibility:hidden;
clear:both;
}
.fixclear{
*zoom:;//兼容IE
}
2.隐藏盒子的物种方法
1.display:none; 隐藏盒子,不占位置
2.overflow:hidden; 隐藏溢出部分
3.visibility:hidden: 隐藏盒子,占位置
4.opacity:0; 隐藏盒子,占位置(设置透明之后,里面包含的内容也透明)
5.position-left/top:-999em; 隐藏盒子,不占位置
3.有高度的盒子,子盒子高度超过父盒子高度,父盒子会被撑破;
4.没有高度的盒子,子盒子会撑开父盒子
5.浮动的盒子遮挡不住标准流的文字
6.cursor:pointer;模拟鼠标小手
7.dotted 点线 dashed 虚线
8.层级
浮动的比标准的高。定位的比浮动的高
z-index为负值的比标准流的盒子层级低