Я не могу поставить границу для моего ул

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: left CSS из каждого li и стилизовать его по-другому (не уверен, как настроена остальная часть вашей страницы).