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,这样父节点就会被子节点撑开高度