浮动布局tips

1.设置为float元素后，该元素宽度不再延伸，而是由内容决定宽度。

2.设置为float元素后，该元素会变成block类型。

3.margin的参照系也与之前没有区别。

4.父元素高度塌陷：

• 父元素不为浮动元素。
• 浮动元素的height大于父元素height时。
• 或者父元素干脆没有定义高度。

5.当父元素也为浮动元素时，会自适应包含该子元素。

6.清除浮动三种方法：

• 在浮动元素后添加一个div元素，利用其clear属性。.clearfix{ clear:both }
• 在父元素添加 overflow:hidden 属性。

• .clearfix::after{
          clear:both;
          content:'';
          display:block;
          height:0;
          visibility:hidden;    
  }