两个容器div导致侧栏无法正常浮动

Question

http://www.guytgunterappliances.com/product-category/shop/

我的网站包含两个容器div。内部和外部（包含整个站点）。我试图通过将宽度减小到710px来将我的侧边栏（显示在我的内容div下）浮动到内容div的左侧。但是，外部容器限制了我的侧边栏浮动的方式。我如何修复这两个容器，使我的内容仍然居中，我的侧边栏向左浮动。

SIDEBAR

*************************************************************************/

#sidebar{

position:relative;

z-index:10;

width:270px;
 display:block;
 float:left

}

Answer 1

为您的容器赋予这种样式：

#container{
display: inline-block;
width: 600px; 
overflow: hidden;
}

给你的侧边栏这个样式：

#sidebar{
float: right;
}

现在，您的侧边栏将与右侧和左侧容器对齐。你是说这个吗？我只是隐藏了过度的暗淡，因为你现在有很多colums。

图片：http://s15.postimg.org/5gpgxzfaz/example.png

修改

您可以在ul [产品]上设置此样式。

ul.products {
float: left;
width: 700px;
overflow: hidden;
}

您可以将此选项提供给侧边栏。

#sidebar{
float: right;
}

现在它应该工作了。