css 浮动问题解决的方法

3种解决方法：

1.   父元素 应用 overflow :  hidden;

2.  父元素 跟着子元素一起浮动 float :  left(right);

3.  添加非浮动的清除元素：

如在

<div id="clearfix">

<p>这是一个段落.</p>

</div>

.clearfix:after {
content:".";
display:block;
height:0;
visibility:hidden;
clear:both;
}

---------------------------------

附：

另外，可以用box-sizing : border-box; 解决div 内边距（padding）增加导致 浮动下滑的问题