【发布时间】:2011-02-04 00:22:41
【问题描述】:
我有这个design,我似乎无法正确,我希望 .sidebar (float:left) 填充 .page-container 的整个高度,由于内容,它具有流动的高度。我该怎么办?
【问题讨论】:
我有这个design,我似乎无法正确,我希望 .sidebar (float:left) 填充 .page-container 的整个高度,由于内容,它具有流动的高度。我该怎么办?
【问题讨论】:
删除.page-top 上的margin-bottom 和margin-left,并从.sidebar 中删除margin-left。完成此操作后,.page-container 顶部有很多空白空间,但我对您的布局不够了解,无法评论如何处理;没有冒犯,但是你有很多我不理解的空 <div> 元素,在我看来,这反过来又导致你滥用 margins,只会让你的布局更难理解和使用。
然后您就可以使用可能的重复项中描述的Faux columns 技巧了。这个想法的核心是.sidebar 不会一直延伸,但.page-container 有一个背景,可以创造出它确实的印象。
【讨论】: