Css 不使用绝对定位的全页宽度

我正在Magento建立这个网站（www.ellamathew.com）。我需要一个全宽页面，但是按照Magento CSS的模板化方式，如果不使用CSS中的

“Position:absolute”

100%宽度，我就无法创建它。这会造成页脚不在图像下方的问题

以下是页面框架的原始Magento CSS：

.col-left { float:left; width:182px; padding:0 0 0; margin:0 0 -1px; }
.col-main { float:left; width:715px; padding:0 20px 20px; }
.col-right { float:right; width:182px; padding:0 0 0; margin:0 0 -1px; }

这是我在Magento中加入的自定义CSS，但它仍然无法识别。在主柱的两侧仍然有一个强制空间。主柱：

.col-left { float:left; width:0px; padding:0 0 0; margin:0 0 -1px; }
.col-main {float:left; width:100%; height:100%; padding:0 10px 20px; }
.col-right { float:right; width:1px; padding:0 0 0; margin:0 0 -1px; }
.col1-layout .col-main { float:none; width:100%; padding-top:0px; }

这是我的绝对密码：

.homepage {position: absolute;left:0px; top:150px; float:left; width:100%; height:100%; }

当我这样做时，页脚在页面上重叠。是否有人有办法将正文内容强制为100%或将页脚向下移动到绝对值以下

如果您能回答这些问题，我将不胜感激，因为我已经尝试了很多事情，但都没有成功。谢谢

..

尝试使用

.main.col1-layout{float:none；宽度：100%；填充顶部：0px；}

编辑

---

为了了解如何做到这一点，我查看了页面的源代码（通过chrome中的inspect元素或firefox中的firebug）。然后我查看了可能导致问题的各种元素，我注意到css将其设置为920px。一旦被覆盖，它就会正确显示。对于超过1列宽的布局，您可能仍然存在一些问题（如果您决定使用它们）。

Jason！！哦，我的天哪！！非常感谢。非常感谢。非常感谢。你不知道我花了多长时间才让它起作用。这样做非常有效。我并不真正理解这段代码，也不理解为什么它会有不同的工作方式，但我很高兴它能工作。再次查看链接以查看它的运行情况。再次感谢！！PS：试着投票支持你，但显然，我在这里太新了。啊，对不起，刚刚看到这个！！回答被接受：）再次感谢！！杰森。终于起床了，所以我想我会回来表达我的敬意：）