如何實現在CSS

Question

固定左側欄和流體正確的內容我頭疼如何讓我的流體含量會浮到右側。

1. 左側欄中是固定大小。
2. 正確的內容是流動的大小。

這裏和example我html和css

如何使我的id="content"會浮在嗎？

Answer 1

設置保證金和刪除＃內容浮法/寬，就像這樣：

HTML：

<div id="wrapper"> 
    <div id="sidebar">Sidebar</div> 
    <div id="content">Content</div> 
</div> 

CSS：

#wrapper { 
    width:400px; 
    overflow:hidden; 
    padding:10px; 
} 
#sidebar { 
    float:left; 
    width:100px; 
} 
#content { 
    margin: 0 0 0 100px; 
} 
div { 
    border:1px solid #333; 
} 

http://jsfiddle.net/HWMJc/1/

Answer 2

不要在#content上使用100％的寬度。
70％工作，但在這兩個元件之間的小的間隙。您可以調整它以使其更適合。

Answer 3

其實還有一個更容易的解決了這個，我發現不是很久以前。適用於IE7。 #fluid div將在固定修補程序旁邊滑動並佔用剩餘空間，同時保持所有響應網站的流暢性。不需要在流體div上放置浮點或寬度。

http://jsfiddle.net/HWMJc/874/

#sidebar { 
    float:left; 
    width:100px; 
} 
#content { 
    overflow:hidden; 
} 

Answer 4

你應該將其設置爲：

sidebar{ width:100px; float: left} 

[CSS佈局2柱固定流體（的