烦人的css + div布局

| 我在使用css + div布局时遇到问题。我需要将背景div设置为从左到左调整大小,并将内容位置保持在中心。 看图片: 布局div 如您所见,我需要保持右边的空间固定,而且内容需要居中,背景只需要向左扩展,这有可能吗?     
已邀请:
我迅速举了一个例子:http://jsfiddle.net/N73QA/ 如果您有任何疑问,请告诉我。     
也许你需要这个
#content{
 float:right;
 margin-right: 10px; /* or more */

 width: ......
}
这将使您的内容保持正确;右边距的边距可能需要大于10px,以使其居中     
不确定我是否完全理解(您的问题似乎与图表冲突),但是您是否不能将所有内容都包裹在屏幕宽度为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%,而内容可以是固定的,也可以是其中一部分。一切都在包装器内向右浮动。     

要回复问题请先登录注册