zoukankan      html  css  js  c++  java
  • css中清除浮动的几种方法(自己总结)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>清除浮动</title>
    <style type="text/css">
    ul{list-style:none;outline:1px solid;}
    ul li{padding:5px 8px;background:#ccc;float:left;margin-right:8px;}
    .clearfix:after{clear:both;content:'';display:block; 0;height: 0;font-size:0;visibility:hidden;}
    .box2{overflow:hidden;}
    .box3{overflow:auto;}
    .box4{height:31px;}
    </style>
    </head>
    <body>
    <ul class="clearfix box1">
    <li>11</li>
    <li>22</li>
    <li>33</li>
    </ul>
    <ul class="box2">
    <li>11</li>
    <li>22</li>
    <li>33</li>
    </ul>
    <ul class="box3">
    <li>11</li>
    <li>22</li>
    <li>33</li>
    </ul>
    <ul class="box4">
    <li>11</li>
    <li>22</li>
    <li>33</li>
    </ul>
    </body>
    </html>

  • 相关阅读:
    第八周作业
    第八周上机练习
    第七周上机练习
    第六周作业
    第六周上机练习
    第五周上机练习
    第四周作业
    第四次上机作业
    第三周作业
    第一次上机作业
  • 原文地址:https://www.cnblogs.com/xiongy/p/7856787.html
Copyright © 2011-2022 走看看