【问题标题】:floated div, height 100, container fluid height [closed]浮动 div,高度 100,容器流体高度 [关闭]
【发布时间】:2011-02-04 00:22:41
【问题描述】:

我有这个design,我似乎无法正确,我希望 .sidebar (float:left) 填充 .page-container 的整个高度,由于内容,它具有流动的高度。我该怎么办?

【问题讨论】:

标签: css html height css-float


【解决方案1】:

删除.page-top 上的margin-bottommargin-left,并从.sidebar 中删除margin-left。完成此操作后,.page-container 顶部有很多空白空间,但我对您的布局不够了解,无法评论如何处理;没有冒犯,但是你有很多我不理解的空 <div> 元素,在我看来,这反过来又导致你滥用 margins,只会让你的布局更难理解和使用。

然后您就可以使用可能的重复项中描述的Faux columns 技巧了。这个想法的核心是.sidebar 不会一直延伸,但.page-container 有一个背景,可以创造出它确实的印象。

【讨论】:

    猜你喜欢
    • 2013-10-06
    • 2011-06-04
    • 2013-02-02
    • 1970-01-01
    • 2012-02-04
    • 1970-01-01
    • 2013-07-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多