惱人的css + div佈局

Question

我有一個css + div佈局的問題。我需要設置背景div來左右調整大小，並將內容位置保持在中心位置。 看看圖片：

Layout div

正如你所看到的，我需要保持固定權的空間，還需要爲中心的內容，背景只需要向左展開，有沒有可能？

Answer 1

我迅速做了一個例子：http://jsfiddle.net/N73QA/

讓我知道如果你有任何問題。

Answer 2

也許你需要這個

#content{ 
float:right; 
margin-right: 10px; /* or more */ 

width: ...... 
} 

，將讓你的內容的權利; margin-right可能需要大於10px以使其看起來居中

Answer 3

不確定我是否完全理解（您的問題似乎與圖表衝突），但不能將所有內容都包含在50％屏幕的div中寬度？

風格：

#wrapper { width: 50%; } 
#header, #bg, #footer { background: #46F; margin-bottom: 1em; } 
#header { clear: both; float: right; height: 80px; width: 90%; } 
#footer { clear: both; height: 80px; margin-top: 1em; } 
#bg { clear: both; float: right; padding: 20px; width: 100%; } 
#content { background: #ABF; clear: both; float: right; height: 400px; padding: 20px; width: 80%; } 

標記：

<div id="wrapper"> 
    <div id="header"></div> 
    <div id="bg"> 
     <div id="content"> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sollicitudin sodales turpis et ultricies. Sed in enim ligula. 
     </div> 
    </div> 
    <div id="footer"></div> 
</div> 

該包裝是屏幕的50％，而該內容可以是固定的或的一個百分比。一切都浮在包裝的右側。