0

我正在 Magento 中建立这个网站 (www.ellamatthew.com)。"Position:absolute"我需要一个全宽页面，但 Magento CSS 模板化的方式，如果不使用CSS 中的 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-main 的两侧仍然有一个强制空间：

.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% 或将页脚向下移动到绝对值以下。

任何这些问题的答案都将不胜感激，因为我尝试了很多事情都没有运气。谢谢

4

1 回答 1

1

<div class="main col1-layout">...</div>

尝试使用.main.col1-layout {float:none; width:100%; padding-top:0px;}

编辑

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

于 2013-06-22T01:05:13.273 回答