CSS浮动相关问题

1.何为浮动

浮动是CSS里面布局用的最多的属性
1.被设置为浮动的元素会脱离标准流
2.浮动的元素会互相贴靠
3.浮动的元素会有文字环绕的效果
4.一个浮动的元素如果没有设置width，那么它会自动收缩为其内容的宽度

2.如何消除浮动

消除浮动的中心思想：如果一个元素要浮动，其祖先元素必须要有高度属性，只要浮动在一个有高度的盒子中，浮动元素就不会影响后面的浮动元素
消除方法：
1.为浮动元素的父元素设置高度，为了防止异常，建议该高度不要小于子节点的高度
2.设置Css为 clear:both
3.在两个div中间用一个新的带有clear:both 的div隔开
4.在浮动元素的父节点中放置一个具有clear:both 的div
5.为父节点添加属性 overflow: hidden,这样父节点就会被子节点撑开高度