Question

我无法让我的布局按照它想要的方式工作......

我有position:absolute header，float:left aside侧栏和position:absolute div#page

现在，无论我尝试什么，我都无法将侧边栏一直延伸到页面底部。

编辑：这里是： http://jsfiddle.net/JY9y9/

Answer 1

尝试将position:absolute; min-height: 100%;添加到您的.sidebar选择器。

检查这个小提琴：http://jsfiddle.net/JY9y9/6/

Answer 2

我为你做了这个：

<aside class="sidebar">
    hello
</aside>
<div id='page'>
hello
</div>

.sidebar{
    position:absolute;
    float:left;
    padding: 0 0 3em 0;
    width: 37%;
    background-color:#333;
    color: #fff;
    height:100%;
}

#page{
    float:left;
    background-color:blue;
    color:#fff;
    margin-left:39%;
    width: 61%;
}

http://jsfiddle.net/K9V2r/2/？

它可能是一个快速和凌乱的完成，但它的工作原理。我希望我理解正确，这对你有帮助！：d

带侧边栏的布局

2 个答案: