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

转载于 2013-08-06 09:57:00 发布 · 83 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wxydigua/p/3239958.html

本文介绍了HTML和CSS的基础知识，详细阐述了如何使用CSS进行布局，并通过实例展示了灵活运用CSS实现美观布局的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 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>