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>
复制代码

 

posted @   远方的远方  阅读(180)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示
SQL AI 助手