本文通过一个具体的示例展示了如何使用CSS进行元素的浮动布局，包括设置宽度、高度及边框样式等，适用于初学者理解CSS基本布局原理。
<style type="text/css">
<!--
#box {width:auto;height:auto;}
#box ul {margin:0px;padding:0px;}
#box li {margin:2px;padding:5px;float:left;width:110px;height:110px;border:1px solid red;}
-->
</style>
<div id="box">
<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>
</ul>
<div>
用div css li 来做表格，超过自动换行。做图片系统时必用
最新推荐文章于 2023-06-02 17:53:52 发布
扫一扫
1750
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
