<!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：影响的元素是其紧邻的元素，清除浮动在其紧邻受影响的元素清除即可
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
