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>

DEMO