2017.8.29

浮动很重要 继续加深牢固一下浮动的意思

浮动

浮动主要就是用来布局和 搭架子用的属性。

1 folat特性：

1 有方向

2 尽可能的往上飘

3 宽度不够 自动往下掉

4 如果没有设置宽度 浮动之后为内容的宽度

5 文本环绕

6 行元素变成块元素

7 脱离文档流

设置浮动后 会影响后面的元素

2 浮动的注意三要素

folate的三要素：

1 同级元素设置浮动后 其他元素也要设置浮动

2 浮动后 尽量设置宽

3 浮动后 要 清除浮动

清除浮动

最好的方式就是clearfix方式

完美清除浮动

clearfix

.clearfix:after{

content:"";

display:block;

clear:both;}

.clearfix{zoom:1;}

小例子

效果图

清除浮动

效果图

懂得其中原理与三要素和一些基本的注意事项。基本就算掌握浮动了