方式一：

        给浮动元素的父亲设置overflow：hidden；

方式二：

        给浮动元素最后面添加一个空的兄弟div，给该元素加个类名.clear，给它设置样式clear:both;

        注意：该元素身上不能有其他样式。

方式三：

给浮动元素的父亲添加类名 clearfix，设置样式：

.clearfix:after {

            display: block;

            content: '';

            clear: both;

            height: 0;

        }

兼容IE 

        .clearfix {

            zoom: 1;

        }

举例代码：