清除浮动clear：both

最新推荐文章于 2024-11-04 14:35:19 发布

不会写代码的小刘c

最新推荐文章于 2024-11-04 14:35:19 发布

阅读量75

点赞数 2

文章标签： css html javascript

本文链接：https://blog.csdn.net/m0_46783393/article/details/128864484

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           *{
               padding: 0;margin: 0;
           }
           .box{
               width: 300px;
               height: 500px;
               border: 1px dashed black;
               margin: 0 auto;
               font-size: 18px;
               font-weight: 900;
           }
           .left{
               float: left;
               clear: both;
               background-color: green;
               margin: 10px 0;
           }
           .right{
               float: right;
               clear: both;
               background-color: skyblue;
               margin: 10px 0;
           }
       </style>
   </head>
   <body>
       <div class="box">
           <div class="left">ttqwt</div>
           <div class="right">啊实打实的</div>
           <div class="left">规范化风格化</div>
           <div class="left">123</div>
           <div class="right">规划局法规</div>
           <div class="left">啊实打实的</div>
           <div class="right">绕太阳try</div>
       </div>
   </body>
</html>