css - 960 网格中的 100% 宽度页脚

Question

我有一个页脚，我希望使用 960 网格系统将其宽度设为 100%，一切都很好，我可以使用 id 在 div 标签内工作。但是网格一直 float 到页面的左侧，而使用网格的整个站点都位于页面的中心。我试过 prefix_2 向右推，但它没有正确排列。这是我的代码。

<div id="footer" class="container_12"><img class="prefix_6" id="abs" align="right"     src="#img" width="500" height="258" />
<br /><br />
<div class="grid_2"><p><a href="#link">Home</a></p><p><a href="#link">Services</a></p><p><a href="#link">Plans</a></p></div>
<div class="grid_2"><p><a href="#link">Pricing</a></p><p><a href="#link">Design</a></p><p><a href="#link">Logos</a></p></div>
<div class="grid_2 suffix_6"><p>Call Tool Free:</p><p>1-800-495-5933</p><p><a href="#link">Contact Us</a></p></div>
<div class="grid_6"><a href="#link"><img src="#img" width="16" height="16" />Follow me on Twitter</a> <img src="#img" width="16" height="16" />Become a Fan on Facebook</div>
</div>

CSS:

#footer {
    background-color: #f0e9d8;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #6e2500;
    font-weight: bold;
    height: 250px;
}
#abs {
    position: absolute;
    clip: rect(auto,auto,500px,auto);
}

Answer 1

如果我没理解错的话，您希望页脚的宽度为 100%？这很容易解决。您只需要在页脚代码周围添加一个包装器。我会这样做:

    <div id="footer">
        <div class="container_12">
            <img class="prefix_6" id="abs" align="right"     src="#img" width="500" height="258" />
            <br /><br />
            <div class="grid_2"><p><a href="#link">Home</a></p><p><a href="#link">Services</a></p><p><a href="#link">Plans</a></p></div>
            <div class="grid_2"><p><a href="#link">Pricing</a></p><p><a href="#link">Design</a></p><p><a href="#link">Logos</a></p></div>
            <div class="grid_2 suffix_6"><p>Call Tool Free:</p><p>1-800-495-5933</p><p><a href="#link">Contact Us</a></p></div>
            <div class="grid_6"><a href="#link"><img src="#img" width="16" height="16" />Follow me on Twitter</a> <img src="#img" width="16" height="16" />Become a Fan on Facebook</div>
        </div>
    </div>

那个的 css 是:

#footer {
    background-color: #f0e9d8;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #6e2500;
    font-weight: bold;
    height: 250px;
    width: 100%;
    position: relative;
}
#abs {
    position: absolute;
    clip: rect(auto,auto,500px,auto);
}