Css 已清除不包含内容浮动的div

我想在这里组织一大堆部门。我遇到麻烦的那些被赋予了红色边框和蓝色边框，它们应该一个接一个出现。它们确实是这样做的，红色排在第一位，蓝色排在第二位，但是在红色层中有几个div，它没有包含它们，而是放在它们上面

有浮动层，但我想我已经用一个名为clear fix的div清除了它。主包含div，带有插入框阴影的一个也有同样的问题，我已经用该div修复了它，它现在正确地包含了其中的所有层，所以我不确定为什么它不对红色层也这样做。救命啊

---

查看更新的小提琴：

小提琴：

演示：

---

注意：您的图像没有出现在蓝色边框div中，这就是为什么它没有采用150px的高度，所以我将高度设置为150px；您只需将imahe放置在蓝色边框div中并删除高度。它将起作用。

请参阅更新的小提琴：

小提琴：

演示：

---

注意：您的图像没有出现在蓝色边框div中，这就是为什么它没有采用150px的高度，所以我将高度设置为150px；您只需将imahe放置在蓝色边框div中并删除高度。它会起作用的。

你所要做的就是

<div id="level4" style="top: 0px; left: 0px; z-index: 4; position: relative;">

您可以在图形分区中找到此分区

---

演示：

您所要做的就是

<div id="level4" style="top: 0px; left: 0px; z-index: 4; position: relative;">

您可以在图形分区中找到此分区

---

---

演示：

你能展示屏幕截图吗？你想实现什么效果会更好，因为在你的代码中有太多的div，而且很复杂，不知道我们想要什么输出。是的，div中包含的图像堆栈带有红色边框，但在那把小提琴中，div位于内容的顶部，而不是包围它。我想让它包围它里面的东西（在本例中是图像堆栈），并向下推带蓝色层的div。看起来一切都很好，但红色层没有包围内容。请检查答案，如果仍然存在任何问题，请立即告诉我。因此，我希望不设置高度。如果可能的话。亲爱的检查更新的提琴。你能显示屏幕截图吗？你到底想实现什么会更好，因为在你的代码中有这么多的div，而且它很复杂，而不知道我们想要什么输出。是的，div中包含的带有红色边框的图像堆栈，但在那把小提琴中，div坐在内容的顶部，而不是围绕着内容。我想让它包围它里面的东西（在本例中是图像堆栈），并向下推带蓝色层的div。看起来一切都很好，但红色层没有包围内容。请检查答案，如果仍然存在任何问题，请立即告诉我。因此，我希望不设置高度。如果可能的话。亲爱的，检查一下最新的小提琴。我希望它能调节自己的高度并相应地包裹起来，我不明白为什么它不能自己做。我肯定有一些没有足够高度的div可以做到这一点。你的其他idv有高度，比如spacecontainer，所有这些都有冲突，让我再检查一次。例如，div id=“text”是蓝色div，div就是其中包含的不可见图像的高度。没有设定高度。是的！太棒了，你能告诉我你改变了什么吗，我找不到。你的图形中有一个DIV，只需做

位置：相对的
而不是绝对的，这样就可以了。我希望它能调节自己的高度并相应地包裹，我不明白为什么它自己不能做到这一点。我肯定有一些没有足够高度的div可以做到这一点。你的其他idv有高度，比如spacecontainer，所有这些都有冲突，让我再检查一次。例如，div id=“text”是蓝色div，div就是其中包含的不可见图像的高度。没有设定高度。是的！太棒了，你能告诉我你改变了什么吗，我找不到。你的图形中有一个DIV，只需做
位置：相对的
而不是绝对的，这样就可以了。我希望它能调节自己的高度并相应地包裹，我不明白为什么它自己不能做到这一点。我肯定有一些没有高度的潜水艇能够做到这一点。太棒了，你能告诉我你改变了什么吗，哈哈，我看不出来。感谢上帝，这完全是一个令人困惑的问题。我刚刚设置了位置：在level-4元素上继承，并在blue border div上设置了高度150px的临时值。如果仍然有任何问题，您可以告诉我。谢谢你选择了我的答案。哦，等等，但是红色的div仍然有高度，它不能环绕内容吗？给蓝色层一个高度实际上并没有改变任何东西，因为那个div已经获取了其中内容的高度，所以150像素高的图像是蓝色层具有高度的原因，如果我去掉那个div的高度属性并将其更改为200像素，蓝色层会变得更高…有意义吗？它可以在不将height属性设置为div的情况下完成。我希望它可以调整自己的高度并相应地进行包装，但我不明白为什么它自己不能做到这一点。我肯定有一些没有高度的潜水艇能够做到这一点。太棒了，你能告诉我你改变了什么吗，哈哈，我看不出来。感谢上帝，这完全是一个令人困惑的问题。我刚刚设置了位置：在level-4元素上继承，并在blue border div上设置了高度150px的临时值。如果仍然有任何问题，您可以告诉我。谢谢你选择了我的答案。哦，等等，但是红色的div仍然有高度，它不能环绕内容吗？给蓝色层一个高度实际上并没有改变任何东西，因为div已经获取了其中内容的高度，所以150像素高的图像是什么