html - 两个容器 div 导致侧边栏无法正确浮动

Question

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

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

边栏

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

#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;
}

您的侧边栏现在将向右对齐，您的容器向左对齐。你是这个意思吗？我只是把溢出隐藏起来，因为你现在有很多列。

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

编辑：

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

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

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

#sidebar{
float: right;
}

现在它应该工作了。