JS Bin

默认情况

.main{float:left;}

.side{float:right;}

clear: both;清除浮动

.main{float:left;}

.side{float:right;}

7）.clearfix闭合浮动

.main{float:left;}

.side{float:right;}

1）添加额外标签

.main{float:left;}

.side{float:right;}

2）使用 br标签和其自身的 html属性

.main{float:left;}

.side{float:right;}

3)父元素设置 overflow:hidden

.main{float:left;}

.side{float:right;}

4)父元素设置 overflow:auto;

.main{float:left;}

.side{float:right;}

5)父元素也设置浮动

.main{float:left;}

.side{float:right;}

6)父元素设置 display:table;

.main{float:left;}

.side{float:right;}

8)父元素设置 display:table;

.main{float:left;}

.side{float:right;}