Html 如何拥有一列'；从另一个CSS最大值的高度是多少？

可能重复：

如果可能的话，我需要有一种弹性高度的容器，如果不需要，我只希望我的菜单在边栏高度，以获得与视频容器相同的高度，如下所述：

你知道怎么做吗？我尝试将两列（侧边栏和视频容器）混合到一个列中，并尝试指定100%的高度，因此div left（列left）可以将其自身最大化

---

有什么建议吗？

实际上无法实现“等高”列。我通常建议使用的最接近的解决方法是使用该技术

但是，仔细查看示例链接，您似乎希望侧边栏与底部对齐，而不是与顶部对齐。我列举了一个快速的例子，说明您可能希望如何实现这种效果。您还可以将其与人造柱技术相结合。我假设您对HTML和CSS有一定的熟练程度，但是如果您需要帮助，请随时提问

HTML:

---

预览：

只需使用显示：表格和表格单元格：

来吧这个箱子有点不同，不是通常的等高柱，因为里面有一些div，一点也不不同。您希望两列的高度相等。因此，等高柱……正如我所说，这是不同的。我试图将一个元素定位在另一个元素的底部，该元素被向左浮动，因此我不能使用任何表格单元格或类似的东西。你可能在互联网上没有见过泰勒先生（我指的是你的“不能使实际的‘等高’列”）（这似乎也是我在评论中第一次在谷歌上搜索结果）嗯，我仍然支持我所说的。如果你看，它表明3个不同的内容块实际上并不是“相等高度”。这更像是一个解决办法，使其看起来相等高度，与我帖子中的“人造柱”技术没有太大区别。你说的是西红柿，我说的是西红柿。容器实际上是相等高度的。你怎么做除了长度不同的文本外，所有文本都要到达底部？这就是文本的作用方式。容器实际上是相等的高度，而不是一种幻觉。当然，您将文本容器延伸到底部，而不是文本本身。（这有点“重”，但很难与人造柱相比……即使最初的想法很像……）您可以添加不同的列颜色，它们是液体列。其行为与使用javascript可以实现的完全相同。我已经尝试过，但例如，只要尝试在div中添加一些文本，就会改变它。正如我前面所说，我正在尝试将一个元素定位在另一个元素的底部，该元素将被向左浮动请注意，我不能使用任何表格单元格或类似的东西。为什么不能使用显示表格单元格？对我来说，这听起来非常适合。您可以获得等高列，并且可以以任何方式垂直对齐块元素。使用表格单元格is，我可以创建一种我真正没有的边距。看一看：一种边距？设置为mar然后将gin设置为0。然后使用边框间距。尝试了相同的结果。真的不明白为什么它会将内容移动到底部。

<div id="container">
    <div class="sidebar">

    </div><div class="main">

    </div>
</div>

#container { 
    white-space: nowrap;
    text-align: center; }
#container > div {
    white-space: normal;
    text-align: left;
    display: inline-block; }
.sidebar { 
    background: red;
    width: 200px;
    height: 100px; }
.main {
    background: blue;
    width: 300px;
    height: 200px; }