<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ background-color: #006486; float: left; } /*清除浮动 .p{ clear: both; } */ .p{ width: 100%; overflow: hidden; } </style></head><body> <div>dfafa</div> <p>pppppdsfafaf</p> <div>dsfafa</div></body></html>float：影响的元素是其紧邻的元素，清除浮动在其紧邻受影响的元素清除即可
