基础学习第二天(浮动使用及清除浮动)

浮动：让元素脱离文档流，不受父盒子限制；浮动元素的宽高不会撑大父盒子(在父盒子无高度情况下)。
浮动元素不会遮盖文字部分，文字会围绕浮动元素；

浮动目前功能：

1.清除图片之间空白间隙；

2.行级元素设宽高。

使用场景多是宽高一致的元素整齐排列。

清除浮动的方法：
1.给浮动元素的父盒子加overflow: hidden;

2.在浮动元素最后加样式或类clear: both;

3.利用伪元素清除浮动，加在浮动元素的父盒子上：

clearFloat::after {
  content: "";
  clear: both;
  display: block;
}

4.可以浮动元素的父盒子加高度。