浮动

浮动

注意：要是设置浮动，必须给父类盒子设置高度，不然父元素会变成像线一样。

1.如下，创建一个列表

效果如下

2.并给它设置了右浮动，给图片设置了左浮动，使它们分为左右两部分，横向撑开在父类的div中
3.当我们在css里给列表又设置了宽度，然后给列表中的每一个li设置了左浮动，并给了50px的左边距
效果如下

清除浮动

没有使用清除浮动时如图一，父类的盒子变的只有字的高度

使用清除之后父类的盒子和里面的div高度一致
清除浮动常用的三种方法
1.使用after伪元素清除浮动
2.使用clear：both 在css中最后添加一个标签
3.在父类中添加overflow：hidden