側欄不會浮動權的wordpress

我已經使用emptycanvas作爲起點爲WordPress。我已經將.wrapper設置爲80％寬度，最大寬度爲1250px;側欄不會浮動權的wordpress

所述的容器，其保持的內容/側邊欄設定爲寬100％，並且該內容還沒有設定寬度，並且被設定爲浮動：左;沒有其他選項，側欄設置爲350px;與浮動：正確....由於某種原因，它拒絕浮動，總是低於內容！如果我設置的，例如500像素上的內容一切順利到位寬度....我想沒有一個指定的寬度會自動調整到漂浮在周圍的物品...所以我在做什麼錯在這裏？

不幸的是，這是一個本地服務器上，所以我不能準確顯示代碼，但沒有任何額外的東西在這裏，我還沒有告訴你..

謝謝！

來源

2012-11-25 Matt

容器裝有兩個中間和右邊的酒吧？包裝是什麼？ –

包裝是身體之前的最外層。 – Matt

顯然，中心和邊欄不適合的最大寬度內。任何一個人都必須縮小，通常是中間的條或內容。如果你想要**流體**主題，你必須只用百分比工作。 –

你需要糾正兩個問題的按照預期佈局工作（請參閱我剛剛創建根據您的描述下面的代碼）

你需要指定的內容div的寬度。否則，div的寬度將由其內容的寬度決定。這不能給你可管理的佈局。
這兩個浮動的DIV不能包含在容器div中（你可以通過給容器，內容和邊欄div賦予不同的背景來檢查，如下所示）這是因爲非浮動分割不能僅包含浮動內容，其默認顯示設置（div的默認顯示屬性是塊）。要解決此問題，您需要將容器的顯示屬性更改爲表格。另一種方法包含在容器內的內容和側邊欄是多加一個非浮動的div和浮動對象（明確：兩者）清除。

的HTML
```
<body> 

    <div id="wrapper"> 
     <div id="container"> 
       <div id="content"> 
        <h1> I am inside content. what will happen if I increase the content in here? </h1> 
       </div> 
       <div id="sidebar"> 
         <h1> I am inside the side bar </h1> 
       </div> 
     </div> 

    </div> 

</body> 
```

的CSS

#wrapper{ 
margin:0 auto; 
width:80%; 
max-width:1250px; 
} 
#container{ 
width:100%; 
background:red; 
display:table; /*This is necessary to wrap the two floated contents inside. The other way of achieving same result is to add some non-floated div and set to clear floated contents*/ 
} 
#content{ 
float: left; 
background:green; 
} 
#sidebar{ 
width:350px; 
float: right; 
background:blue; 
}

來源

2012-11-25 06:38:13 yibe

您需要爲#content指定寬度。 – yibe

謝謝:)這有幫助。 – Matt

側欄不會浮動權的wordpress

回答

相關問題