2012-02-16 17 views
2

如何定義使用div S(HTML5 section或)CSS兩個欄佈局寬

設計|內容 - 填寫區域| <空隙20px> |側邊欄寬度200px堅持到 右側|

回答

5

這樣寫:

div{ 
    height:80px; 
    background:red; 
} 
.fixed{ 
    float:right; 
    margin-left:20px; 
    width:200px; 
} 
.dynamic{ 
    background:green; 
    overflow:hidden; 
} 

入住這http://jsfiddle.net/gtmXE/

+0

這不適用於'section's ... – Queequeg 2012-02-16 12:38:11

+0

當側邊欄不存在時,使內容'DIV'填充整個寬度? – Queequeg 2012-02-16 12:48:26

+1

檢查我的小提琴&從HTML中刪除固定的div。然後你會得到你想要的 – sandeep 2012-02-16 14:06:09

3
<div id="sidebar" style="float:right; width:200px;"> 
<div id="content" style="margin-right:220px"> 
    main content 
</div> 
+1

相同http://jsfiddle.net/c7LWd/ – bumbu 2012-02-16 10:07:56

+0

奇葩,謝謝你。我似乎從來沒有獲取DIV – Queequeg 2012-02-16 10:09:12

+0

如何在側邊欄不存在時使「DIV」內容填充整個寬度? – Queequeg 2012-02-16 12:48:14