方式一:在浮动元素的父级,添加overflow:hidden
方式二:在造成浮动影响的元素下写一个clear兄弟元素,#clear中写clear:both。清除以上兄弟元素左右浮动造成的影响。
<div id="head"></div>
<div id="wrap">
<div id="A">A</div>
<div id="B">B</div>
<!-- 方式二:在浮动元素以下添加一个无效标签,清除以上浮动元素造成的影响 -->
<div id="clear"></div>
</div>
<div id="foot"></div>
#clear{
/* 清除以上兄弟元素左右浮动造成的影响 */
clear:both;
}