兩個容器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; 
} 

你的SID現在ebar將對齊右側，並將您的容器對齊左側。你的意思是？我只是因爲你現在需要很多柱子而隱藏了過度隱藏。

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

編輯：

您可以設置在UL [產品]這個造型。

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

您可以將此選項提供給側邊欄。

#sidebar{ 
float: right; 
} 

現在它應該工作。