html - 从容器内将侧边栏定位到绝对左侧，但保持侧边栏的高度

Question

一个奇怪的……我有一个网站，里面有一个 960px 的容器，里面有一个侧边栏……我需要把侧边栏放在绝对左边，但是我仍然需要侧边栏有一个高度，所以页面是与侧边栏一样大，以使页脚位于其下方...

请查看链接，以便我在那里完成整个设置

所以我开始的一个例子是：

    .sidebar {
    background:#fff;
    border: solid 1px #000;
    width:100px;
    float:left;
    margin:25px;

}

http://jsfiddle.net/nMeqp/3/

我能够做的是以下内容：

    .sidebar {
    background:#fff;
    border: solid 1px #000;
    width:100px;
    float:left;
    margin:25px;
    position:absolute;
    left:25px;

}

http://jsfiddle.net/nMeqp/2/

所以我想要的有点像第二个，但是我需要侧边栏有一个高度......

网站的设置方式我不能只从容器中删除侧边栏，相信我已经尝试了几个小时。

我需要将它定位在浏览器窗口的左侧，而不是包装器。

任何帮助都是极好的！

谢谢。

编辑

我只是隐藏了元素并使用 jQuery 将其淡入并同时将其移出包装器。

jQuery('.sidebar').prependTo(".page").fadeIn()

谢谢你的帮助

Answer 1

更改您的 HTML 顺序并删除position:absolute

<div class="sidebar">        
     content here
</div>    

<div class="wrapper">  
Content here
    <div class="clearfix"></div>      
</div>
<div class="footer"></div>

演示

Answer 2

我不知道。这是你需要的吗。

尝试这个：

在这里检查：http: //jsfiddle.net/nMeqp/7/

.sidebar {
    background:#fff;
    border: solid 1px #000;
    width:100px;
    float:left;
    margin:0px;
    position:absolute;
    left:25px;

}