Css 创建三行布局

我目前正在创建一个三行布局，到目前为止没有什么太难的。问题的出现是因为我需要每行的宽度为100%，以用颜色填充任何分辨率，并且我还需要每行内的div为1024/960px并居中

大致如下：

<div class="top"> <!--This needs to be 100%-->
    <div class="logo-holder"></div> <!--This needs to be 1024px centered-->
    <div class="menu-holder"></div> <!--This needs to be 1024px centered-->
</div>
<div class="main"> <!--This needs to be 100%-->
    <div class="rotating-banner"></div> <!--This needs to be 1024px centered-->
    <div class="promo-holder"> <!--This needs to be 1024px centered-->
        <div class="promo-banner"></div>
        <div class="games-list"></div>
    </div>
</div>
<div class="footer"> <!--This needs to be 100%-->
    <div class="footer-holder"></div> <!--This needs to be 1024px centered-->
</div>

---

应该这样做。

默认情况下，div将占据100%的宽度，因为它们是块级元素

在top、main、footer类中添加

margin:0px auto

对于这些div中的div，添加宽度

这可能不会在ie中居中，因此也可以添加

文本对齐：居中

然后在内部div中添加

文本对齐：左

.top { width:100%; margin:0 auto; }
.logo-holder,  .menu-holder {width:1024px; margin:0 auto }

但是您应该为holder和其他独特的包装器元素使用id。
Tnks经常尝试使用：“marginleft:auto；marginright:auto”；显然不起作用。
.top { width:100%; margin:0 auto; }
.logo-holder,  .menu-holder {width:1024px; margin:0 auto }