html - 如何将div设置为 child 的外部高度？

Question

我有以下情况并且不想为此使用 JS:

有一个标题(蓝色)，然后是一个可能包含内容的 div(如果没有，它应该完全折叠)然后是主体(灰色)。

现在我想用左右绿色边框填充标题和正文之间的整个空白。空白是由带有红色边框的 div 上的 margin: 10px; 引起的。

到目前为止，我找到的唯一“解决方案”是将 padding: 1px 0; 设置为带有绿色边框的 div(请参阅 fiddle 中的注释行)。是否有更好的解决方案来强制 div 或边框覆盖 child 占据的整个高度并在没有 child 的情况下完全折叠？

我无法控制 div 中的内容，因此不使用边距不是解决方案。

fiddle :http://jsfiddle.net/w5NW4/1/

Answer 1

我猜你看起来像这样:- DEMO

将 overflow:hidden 赋给您的横幅类以获得预期的结果..

CSS

 .banner {
    border-left: 1px solid #008000;
    border-right: 1px solid #008000;
    overflow: hidden;
}