css浮动属性

css浮动

浮动元素的特征：可向左向右移动，直到其外边缘碰到父元素框或者碰到另一个浮动元素的边框为止；还因为浮动元素不在文档普通流中，所以文档普通流中的块级元素无法感知浮动元素的存在。
因为浮动会对父元素造成塌陷，对其他浮动元素造成影响卡位；内联元素与浮动元素一起显示，内联元素会环绕浮动元素排列；块级元素与浮动元素一起显示，块级元素会被遮挡在浮动元素下面，但其文字会显示在浮动元素上；子元素可以撑在浮动元素在浮动元素未定义宽高时，浮动元素自身的宽高从百分百变成了自适应。
解决浮动带来的影响，即清除浮动。
代码如下：