Html 背景色不填充div

例如，我希望我的包装器div有一个红色的背景色，当其他div放置在它里面时，它将填充

但是，由于它是使用边距居中的：自动；它里面的div是浮动的，左边的颜色不会继续向下。如果我删除自动边距并将其替换为float:left；然后，颜色将继续保持原样

我通过保持我的边距自动和使用overflow:hidden来解决这个问题，它允许颜色向下流动。然而，对于这个网站我的工作，我需要保持溢出可见

我还有别的办法让它工作吗？另外，如果你知道的话，你能解释一下为什么溢出隐藏会以这种方式工作吗

---

谢谢

解决方法是在该div中放入一个div

像这样

<div id="container"> 

   <div id="colordiv">

   <div></div>
   <div></div>
   <div></div>

  </div>

</div>

其中container是一个自动加边框的“container”，而color div是该container的100%颜色填充

通过这种方式，您可以使主容器具有任意宽度，其余容器将跟随，并且颜色将一直延续到内容

---

至于你的溢出问题……我一点也不确定为什么会是这种情况

解决办法是在该div中放入一个div

像这样

<div id="container"> 

   <div id="colordiv">

   <div></div>
   <div></div>
   <div></div>

  </div>

</div>

其中container是一个自动加边框的“container”，而color div是该container的100%颜色填充

通过这种方式，您可以使主容器具有任意宽度，其余容器将跟随，并且颜色将一直延续到内容

---

至于你的溢出问题……我一点也不确定为什么会这样

display:flex

将允许背景以与ellusive

溢出：隐藏

相同的方式填充

然后你必须面对：

• 利润不会崩溃-如果这对你很重要的话
• 设置对齐方式，如果您有现有布局，则该设置可能很简单或复杂

---

注意：

溢出的一个缺点是：隐藏的
会破坏粘性定位
 
display:flex
将允许背景以与ellusive
overflow:hidden
相同的方式填充

然后你必须面对：


利润不会崩溃-如果这对你很重要的话
设置对齐方式，如果您有现有布局，则该设置可能很简单或复杂

注意：
溢出的一个缺点是：隐藏的
会破坏粘性定位
 如果没有任何代码作为示例，调试这些问题非常困难。通常情况下，它们是非常独特的情况，因为人们倾向于采用许多不同的方法来处理css和html。你能把一些不敏感的html和css复制到，点击“保存”，然后在这里发布链接，这样我们就可以看到发生了什么？从代码中可以看到红色背景色。如果你移除包装器中的float left并用margin auto替换它，你可以看到红色消失了。这确实是一个有趣的情况。问题是，如果没有
float
，包装器的高度实际上是
0px
。我不确定是什么原因导致
float
给出
.wrapper
div高度。希望其他人能对此有所了解。如果没有任何代码作为示例，要调试这些问题真的很难。通常情况下，它们是非常独特的情况，因为人们倾向于采用许多不同的方法来处理css和html。你能把一些不敏感的html和css复制到，点击“保存”，然后在这里发布链接，这样我们就可以看到发生了什么？从代码中可以看到红色背景色。如果你移除包装器中的float left并用margin auto替换它，你可以看到红色消失了。这确实是一个有趣的情况。问题是，如果没有
float
，包装器的高度实际上是
0px
。我不确定是什么原因导致
float
给出
.wrapper
div高度。希望其他人能够从代码中了解这个.jsfiddle.net/USvkA，您可以看到红色的背景色。如果你从包装器中删除float left并用margin auto替换它，你会看到红色消失。我知道一个额外的div会起作用，但这正是我试图从代码中避免的。你可以看到红色的背景色。如果你移除包装器中的float left并用margin auto替换它，你可以看到红色消失了。我知道额外的div可以工作，但这正是我试图避免的