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; }