CSS - 具有背景颜色而不是重复背景图像的人造列？

Question

问候，

我设置了一个两列( float )布局，其中的列需要“看起来”像它们具有匹配的高度。 “较短”的列有背景颜色，并且需要看起来与展开以适合其内容的主要内容列的高度相同。

我知道通过将重复的背景图像应用到两列的包装器并清除下方两列的 float 来实现此布局相对容易。这是实现这种效果的唯一方法，还是可以通过将背景颜色应用于“较短”列而不使用重复图像来实现？

Answer 1

包装器 div 的背景颜色与最短的 float div 相同。

HTML

<div id="wrap">
   <div id="longerDiv"></div>
   <div id="shorterDiv"></div>
</div>

CSS

#longerDiv {
   background:#9c9;
}

#wrap {
   background:#99c;
}

#shorterDiv {
   background:#99c;
}