css浮动

css浮动

文档流：

网页默认是一个二维平面，在网页中一行行摆放标签，块标签会占一行，行标签只占自身大小。

这种情况下实现网页布局就需要一些方法改变默认的摆放顺序，所以这里引入浮动功能

浮动：

浮动后的标签不占原来的文档流空间
下面的标签就会向上移动会影响后面的网页布局
解决浮动问题:
1.为父级标签设置一个高度，把父级标签撑开

.father{
		height: 200px;
		line-height: 180px;
}

2.在浮动的标签后，使用清除浮动属性

<div style="clear: left;">