恼人的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％，而该内容可以是固定的或的一个百分比。一切都浮在包装的右侧。