您的当前位置:首页正文

div ul li自动适应高度float:left

2023-03-15 来源:客趣旅游网

自动适应高度,以下示例 兼容性较高,最关键的是“<div style=" clear:left;"></div>”:


<style type="text/css">
.a1{ width:600px;  margin:0 auto; border:1px solid #000;}
ul{margin:0; padding:0;}
li{ float:left; width:80px; height:80px; border:1px solid #6C0;list-style:none; }
</style>
<body>
<div class="a1">
<ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <div style=" clear:left;"></div>
    </ul>
</div>

因篇幅问题不能全部显示,请点此查看更多更全内容