gpt4 book ai didi

css - 将层定位在层内,wrapper 不会包裹其他包含的层

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

尊敬的社区成员,

我实际上对 CSS 有点陌生,但经过两周的学习后,我已经掌握了自己的方法。但是目前我似乎无法修复图层(div-tags)的小问题。问题如下,我创建了以下内容来演示我的问题。

<body style="margin: 0;">
<div style="margin: 0px auto; width: 960px;" id="main">
<div style="clear: both; float: left; width: 100%; height: 100px;" id="one">
Hello World
</div>
<div style="clear: both; float: left; width: 100%; height: 200px;" id="two">
Hello next World!
</div>
</div>
</body>

这里的问题是,如果你“看边框”(我已经删除了; background-color 和 border 属性以增加代码的可读性),你会注意到第一个主 div 没有环绕 div一和二。如果我想修复它,我只需要在主层添加一些内容。产生以下代码:

<body style="margin: 0;">
<div style="margin: 0px auto; width: 960px;" id="main">
<div style="clear: both; float: left; width: 100%; height: 100px;" id="one">
Hello World
</div>
<div style="clear: both; float: left; width: 100%; height: 200px;" id="two">
Hello next World!
</div>
LET ME SOLVE IT!
</div>
</body>

现在的问题是,如何在不向主层添加“just contents”的情况下获得最后的结果?

非常感谢您阅读并回答我的问题!

图片请见:http://www4.picturepush.com/photo/a/7808622/img/7808622.pnghttp://www3.picturepush.com/photo/a/7808636/img/7808636.png

(注意:所有都是直接链接;))

最佳答案

将 overflow:hidden 添加到您的容器 div。这将迫使 div 围绕您的内部 div 进行“环绕”。欢迎来到 Stack Overflow!

关于css - 将层定位在层内,wrapper 不会包裹其他包含的层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9739228/

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