关于新手如何学习H5和CSS(四)

浮动

float:xxx(left 或 right)；
浮动前：

浮动后：

• 浮动后元素脱离文档流，位置会被其他元素占据，在同一个父元素中，目标元素会占据一个浮动后的位置，子元素在父容器中进行位置移动。如果父容器剩余宽度不能容纳两个子元素，那么会换行。
• 当然浮动也有缺点：（1）影响它的兄弟元素的位置 （2）父元素产生高度塌陷
• 所以这个是时候就需要清除浮动
  方式一：给父元素设置一个固定高度
  方式二：在最后一个浮动元素，元素下面加一个元素，清除浮动
  方式三：伪元素清除；给父元素添加伪元素 contene:"",display:block ;clear:both;