Big Cartel-Luna 2x2产品主页

Question

我试图让我的主页有一个2x2的图像网格。已经有一条线索提出了类似的问题。答案是包括这个代码：

#home_page .canvas {
max-width: 590px;
}

我这样做了，它把我的脚踢到了左边。我进入CSS，尝试在我能找到的每一个页脚下都包含文本align:center；代码，但没有用。我也试过玩590px，但它会移动图像，不再居中。

感谢您的帮助。

以下是我的页面链接：http://johnathonpowers.bigcartel.com/

Answer 1

请删除

float:left;

的属性

#site_footer footer {
}

CSS类，它应该对你来说都很好。

本质上，你的#site_footer页脚类应该是这样的：

#site_footer footer {
    width: 100%;
    min-width: 900px;
    clear: both;
    margin: 0 auto;
    padding-bottom: 0px;
    text-align: center;
}

您的#site_footer页脚类当前如下所示：

#site_footer footer {
    width: 100%;
    min-width: 900px;
    clear: both;
    float: left;
    margin: 65px auto 0px;
    padding-bottom: 10px;
    text-align: center;
}

同时具有width和min-width属性（值也有很大差异）的原因是什么。保留一个宽度属性值（width或min-width）。同样，为什么float在clear之后？请理解clear用于删除以前的任何浮动。如果你想继续浮动，没有理由写clear: both

希望这能有所帮助！！

编辑：请看下面的截图！！！！

#site_footer页脚

#site_footer页脚2

如果移除float:left，则页脚div将居中。如果你做不到，你可以覆盖你的CSS文件中的float:left属性如下：

#site_footer footer {
float:none !important;
}