li添加浮动时不能完全包裹的方法

 1 <html>
 2 <head>
 3     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 4     <title></title>
 5     <style type="text/css">
 6         li{width:150px; float:left; list-style:none;}
 7         ul{border:1px solid red;}
 8         .clear{zoom:1; }
 9         .clear:after{content:''; display:block; clear:both;}
10     </style>
11 </head>
12 <body>
13     <ul class="clear">
14         <li>111</li>
15         <li>222</li>
16         <li>333</li>
17         <li>444</li>
18     </ul>
19 </body>
20 </html>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/wxydigua/p/3239958.html