CSS-使用背景颜色而不是重复背景图像的假列？

您好

我有一个两列（浮动）布局设置，其中列需要“看起来”像他们有匹配的高度。“较短”列具有背景色，并且需要看起来与主内容列的高度相同，以便展开以适应其内容

---

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

如果较短的列处于浮动状态，则无法为其设置基于百分比的高度

---

但是，如果绝对定位，则可以将基于百分比的高度设置为较短的列，但我主要好奇的是，是否可以使用浮动布局来实现这一点。

1px高的GIF将很小，只需制作人造列即可。试着去做你所描述的只是祈求头痛和浏览器不一致

---

为什么要避免假列？

如果您真的不喜欢使用图像（为什么不使用纯色背景图像？），您可以使用一种真正的布局技术：

使用与最短浮动div具有相同背景颜色的包装div

HTML

---

迟做总比不做强。我认为这可能有帮助：

htmls

<div id="content"> 
    <div id="left"></div>
    <div id="right"></div>
</div>

您可以查看此@

#longerDiv {
   background:#9c9;
}

#wrap {
   background:#99c;
}

#shorterDiv {
   background:#99c;
}

<div id="content"> 
    <div id="left"></div>
    <div id="right"></div>
</div>

#content { background-color: #F1EBD9; }
#left { float: left; width: 14em; }
#right { margin-left: 14em; background-color: #FFF; }