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（＆＃39; .sidebar＆＃39）。prependTo（＆＃34;。第＆＃34）。淡入（）

感谢您的帮助

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

Answer 2

我不确定。这是你需要的吗？

试试这个：

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

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

}

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

2 个答案: