Css 创建一个扩展为包含一个块的div，但让'；它外面还有一个阻塞流

CSS总是抓住我

我想有一个自动扩展的块来包含一些子内容，但让我们从中得到另一个子内容。即:

<div class='no-expansion-from-big-child'>
  <p>This is a block with content, and a child div.</p>
  <div class='big-child'>
    <p>This is a child-block - I want it to overflow outside the borders of its containing div.</p>
  </div>
</div>

这是一个包含内容的块和一个子div

这是一个子块-我希望它溢出到其包含div的边界之外

因此，如果我在包含div的周围有一个边框，我希望它扩展以包围“p”块，但允许“big child”div扩展到边框之外

---

看起来应该很简单…

我不确定这是否真的是您正在关注的，但是您可以浮动第二个子div，并给容器一个可见的

，
，以确保它不包含浮动的子项：
。没有来自大孩子的扩展{
边框：1px纯红；
溢出：可见；
}
.大孩子{
浮动：左；
}

这是一个包含内容的块和一个子div

这是一个子块-我希望它溢出到其包含div的边界之外