Question

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

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

我这样做了，它将我的页脚踢向左边。我进入CSS并尝试在每个页脚提及我可以找到包括text-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 footer

#site_footer footer 2

如果你删除浮动：左，你的页脚div将居中。如果你不能这样做，你可以在CSS文件中覆盖float：left属性：

#site_footer footer {
float:none !important;
}

Big Cartel - Luna 2x2产品主页

1 个答案: