浮动
浮动的写法;
flaot:left;向左浮动
flaot:left;向右浮动
浮动的特性:
1、可以让浮动元素排成一行,并且不会有空格的产生
2、浮动元素脱离文档流,不会撑开父级的高度
3、可以让内联元素支持宽高
4、没有加宽度的时候,宽度默认由内容撑开
5、添加了浮动的元素,会在遇到同样添加浮动的元素或者父级的边界才会停下来
从上面的浮动的特性可以看出,浮动元素会带来一定的影响,所以我们还要清除浮动,下面介绍介绍几种清除浮动的方法
1、直接给父级加高度
2、<br clear="both">
一定要加在父级的最下面
3、给父级加overflow:hidden;
4.clear:both;
只会在元素为块级元素时清除浮动
5、给浮动元素的父级添加以下代码
.fix:before{
content: ' ';
display:block;
display:table; /*兼容IE6*/
clear:both;
}
.fix{
zoom:1;
/* 触发IE6里面的BFC*/
}