我不能把边框放到我的ul上

Question

我有一个列表，我想为它添加边框。但是当我这样做时：

<ul style="list-style-type: none;padding:3px;margin:3px; ">
    <li style="border:1px dashed; width: 60px; float:left; height: 70px; margin:6px;"></li>
    <li style="border:1px dashed; width: 60px; float:left; height: 70px; margin:6px;"></li>
    <li style="border:1px dashed; width: 60px; float:left; height: 70px; margin:6px;"></li>
 </ul>

li元素看起来在ul的边界之外。 这段代码有什么问题，或者我只是使用了错误的技术？

Answer 1

尝试将overflow:auto;添加到列表的CSS中：

<ul style="list-style-type: none;padding:3px;margin:3px; overflow:auto; ">

Answer 2

li出现在边界之外的原因是因为它们设置为float：left;和float将元素放在其包含元素的正常流动之外。另一个解决方案是删除float：从每个li中删除CSS，并以不同的方式设置样式（不确定如何设置页面的其余部分）。