css关于float属性以及清除浮动的方法

一.float属性

1. 写了float属性后(就可以不用写display：block了)，就可以设置宽高了，float是不区分行块级的。
2. 浮动的元素不能撑高父亲。
3. 有高度的盒子，能够管住自己的内部浮动元素，不会影响别人的内部浮动元素，也不会受别人影响。

二.清除浮动的三种方法

1. 清楚浮动的方法一：clear：both；（它的值有left、right、both）清楚左浮动、右浮动、所有浮动给自己带来的影响。所以要给浮动元素的父盒子加上，而不是给浮动元素加上。                

        缺点：第一Box还是没有高，第二margin失效。它有点不好用

        2.清除浮动方法二隔墙法：

        内墙法：虽然margin好用了，父盒子也有高了，但是HTML标签有点放置的太多了，看起来很不爽。

        

        3.清除浮动方法三：overflow：hidden；

父盒子盒子没高，可以写上overflow：hidden；

父盒子没有设置高时，里边的元素有浮动，父盒子不能被子 元素撑高，这时就要给父盒子写overflow：hidden；来撑高父 亲。因为给父盒子加高会有耦合，子元素高变化时父盒子高 也要相应改变。