漂浮的div，高度100，容器流体高度

Question

我有这个design，我似乎无法做对，我希望.sidebar（float：left）填充.page-container的整个高度，由于内容的原因，它具有流体高度。我该怎么做？

Answer 1

将margin-bottom和margin-left放在.page-top上，然后从margin-left删除.sidebar。执行此操作后，.page-container顶部会有很多空白区域，但我不明白您的布局足以评论该如何处理;没有冒犯，但你有很多空的<div>元素，我不明白，这反过来导致你滥用margins在我看来，只会让你的布局更难理解和工作用。

然后您将准备好使用可能重复中描述的Faux columns技巧。这个想法的核心是.sidebar不会一直延伸，但.page-container有一个背景，可以创造它的印象。