将div包裹在浮动物体周围？

Question

只是一个警告，我知道float的工作原理大部分，而且我知道div不会包装浮动对象。但是，在w3学校中遇到了一段代码，我有点困惑。本质上，它们使用ul并浮动li项，但是ul会自动包装以适合列表项的高度。如果我要对div执行相同的操作，则div和列表项将无法对齐，我很好奇为什么它可以与ul一起使用而不与div一起使用？ 代码可以在这里找到 https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black_right

Answer 1

该示例中ul的CSS包含overflow: hidden;。这使元素包装了浮动子元素。在这方面，无论是ul还是div都没有区别。