方法一、
使用块级clear，即声明一个块的类属性为.clear {clear:both;}
方法二、
使用内联元素清理，比如说在主浮动内容后跟一个内联元素。
.inlineclear {clear:both;}
方法三，使用双层div嵌套
#pubpage {display:block;clear:both;}
#main {display:block;float:left;}
内容
<>
<>
这样用的话，内部的main就会把浮动给撑起来
方法四、
/******clear float*******/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
加在一个想表示成块的容器的类属性上，但此属性必须为第一个，如
第四种方法目前可以很好的兼容多种浏览器，并且不要加额外的元素就可以完成想要的布局.
使用块级clear，即声明一个块的类属性为.clear {clear:both;}
方法二、
使用内联元素清理，比如说在主浮动内容后跟一个内联元素。
.inlineclear {clear:both;}
方法三，使用双层div嵌套
#pubpage {display:block;clear:both;}
#main {display:block;float:left;}
内容
<>
<>
这样用的话，内部的main就会把浮动给撑起来
方法四、
/******clear float*******/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
加在一个想表示成块的容器的类属性上，但此属性必须为第一个，如
第四种方法目前可以很好的兼容多种浏览器，并且不要加额外的元素就可以完成想要的布局.
关键字词:
