方法一：对收到影响的元素进行设置，哪侧受到浮动的影响就清除哪侧，
clear:both;
clear:left;
clear:right;
方法二：
同时设置100% 或固定宽度 +overflow:hidden;
尝试一下： 如何使得p标签内容跟div标签的不同一行呢？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .box2{background:#ddd;float: left;}
p{/*????*/}
</style> <body> <div class="box2">有浮动的层</div><p>文本ppppp</p> </body> </html>