html - Child Div 扩展整个页面

Question

在这里查看我的页面:

已移除

我有一个很大的红色 div 占据了整个内容区域。我计划让它水平延伸到整个整个页面。我将使用轮播效果让我的客户一次一步地注册预约。 div 是另一个 div 的子元素，但我需要它比它更宽。中心内容区域是静态宽度，以 margin:auto; 为中心。有没有办法让我的子 div 与整个页面一样宽，同时希望只使用 css？

Answer 1

**<div id="servicesteps"> </div>**

是红色的 div 只是从你的 <div clas="shadow" id="content"> 中删除它吗？

把它放在 footer div 上面，它应该可以工作

你的最终 body 标签看起来像这样

    <div id="header"><div id="headpadding"></div><a href="index.html"><div class="headbutton noselect">Home</div></a><a href="services.html"><div class="headbutton noselect">Services &amp; Pricing</div></a><a href="details.html"><div class="headbutton noselect">service details</div></a><a href="get.html"><div class="headbutton noselect">Request Service</div></a><div class="headbutton noselect">Contact</div></div>
    <div id="content" clas="shadow"><div class="noselect" id="logo"></div><div id="buttonarea"><a style="display:table-cell;" href="details.html"><div class="noselect greenbutton"><span class="buttontitle">GET THE DETAILS</span>Learn about what we do before you come over!</div></a><span style="width:51px;display:table-cell;">&nbsp;</span><a style="display:table-cell;" href="get.html"><div class="noselect bluebutton "><span class="buttontitle">REQUEST SERVICE</span>Get your computer serviced in the next 48 hours!</div></a></div><!-- InstanceBeginEditable name="content" -->
    <div class="fold noselect"><span style="background-color:#4F69FF;">Request Service</span></div>
    <table id="currentstatus">

    </table>

    <!-- InstanceEndEditable --></div>
<div id="servicesteps">

    </div>
<div id="footer">Dade Lamkins (DadeFixMyComputer.com) Copyright 2011.</div>