1

我试图让我的主页有一个 2x2 的图像网格。已经有一个类似问题的线程。答案是包含以下代码：

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

我这样做了，它把我的页脚踢到了左边。我进入 CSS 并尝试在我能找到的每个页脚提及下包含 text-align: center; 代码虽然无济于事。我也尝试过使用 590px，但它会移动图像并且不再居中。

任何帮助表示赞赏。

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

4

1 回答 1

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

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

#site_footer footer {
float:none !important;
}
于 2014-04-23T16:45:03.673 回答