css - 如何使我的未排序列表适合 div？

Question

你可以在这里看到问题：

在这里你可以看到我的 css 文件：

` /标志的/

#logo {

    width: 15%;

    float: left;
    margin: auto;

}
#logo li{
    list-style-type: none;
}`

在图片上，您可以看到我的未排序列表发生了什么。

这是html部分：`

                    <ul id="logo">
                        <li><img src="AR.png" alt="alfa romeo logo" /></li>
                        <li><img src="LG.png" alt="lamborghini logo" /></li>
                        <li><img src="ferrari.png" alt="ferrari logo" /></li>
                        <li><img src="ms.png" alt="maserati logo" /></li>
                    </ul>

                    <div id="tekst">

                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu mollis velit. Vestibulum porttitor eros at velit placerat volutpat. Fusce ac erat arcu, vel imperdiet purus. Curabitur tellus nisi, tristique malesuada porta sit amet, scelerisque ut urna. Sed ut sapien quis est fringilla iaculis. Curabitur ac lectus ut leo lacinia dignissim. Praesent eu felis ante. Phasellus at fringilla odio.</p>

                    </div>`

如果您可以查看，这是真实的网站：网站

编辑：我希望 ul 适合晒黑的 div，但我不想设置固定高度。

Answer 1

因为您的主容器中有两个 div 浮动，div id="inhoud"您需要清除浮动或将容器设置为overflow:auto

div#inhoud {
    margin: 10px;
    overflow:auto;
}