将侧边栏从容器内放置到绝对左侧，但保持侧边栏的高度。

Question

一个奇怪的..。我有一个有960个容器的网站，里面有一个侧边栏.我需要将侧边栏定位到绝对左边，但是我仍然需要侧边栏有一个高度，所以页面和侧边栏一样大，这样页脚就在它下面。

请看链接，这样我就有了所有的设置

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

    .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;

}