gpt4 book ai didi

html - DIV 作为另一个 DIV 中的填充 block

转载 作者:太空宇宙 更新时间:2023-11-04 03:09:43 25 4
gpt4 key购买 nike

我有一个 CSS

.nav {
width: 200px;
line-height: 50px;
float: left;
}
.content {
margin: 0px 0px 0px 230px;
}
.container {
border: 1px solid red;
}

这是 HTML

<body>
<div class="container">
<div class="nav">Some text
<br>more text
<br>even more text
</div>
<div class="content">
<h1>Home</h1>
<p>Text paragraph</p>
</div>
</div>
</body>

左边是菜单,右边是内容。右侧内容周围有一个红色框,但左侧只有半个菜单。

但我想在完整的 nav-div 周围也有红色框 有人可以帮忙吗?

谢谢泰迪熊

最佳答案

overflow:auto 添加到容器 div 的 CSS:

.container {
border: 1px solid red;
overflow:auto;
}

jsFiddle example

float 子 div 会将其从文档流中移除,并且容器基本上会崩溃,就好像它不存在一样。添加溢出可以恢复您想要的行为。

关于html - DIV 作为另一个 DIV 中的填充 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29799889/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com