html - 侧边栏高度随内容高度 CSS 拉伸(stretch)

Question

我有 2 个 DIV:

<div id="sidebar"></div>
<div id="content"></div>

我如何使侧边栏 div 拉伸(stretch)与内容相同的高度。

感谢您的帮助。

更新:

这是我的示例代码和其他元素:

http://tinkerbin.com/tkp2FZLZ

中间有一个内容 DIV 和 4 个不同颜色的边框。

Answer 1

您可以通过display:table-cell;轻松得到您想要的结果

HTML

<div id="sidebar">sidebar</div>

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

CSS

#sidebar {
display:table-cell;
width:100px;
background:red;

}
#content {
display:table-cell;
width:100px;
background:yellow;
height:200px;
}

我觉得你看起来像这样;- http://tinkerbin.com/yqyX3mXg