主页和其他页面opencart的CSS不同

Question

我正在使用Media Queries开发我们网站的移动版本，但我遇到了CSS的一些奇怪问题。

我已经让主页在移动设备（<480px）上完全响应，对我来说看起来很不错：

现在我正在第二页上工作（tuinontwerp） 此页面使用与主页相同的块，但css不同：

如您所见，棕色块更宽，但css是相同的。即使在Chrome开发工具检查器中，它也完全相同。

这是块的css：

#diensten-row {
    width: auto;
    min-width: 100%;
    padding: 0;
    margin: 30px auto 0 auto;
    height: 120px;
}

#diensten-row a{
    width: auto;
    max-width: 100%;
}

#diensten {
    background-color: #996633;
    color: #fff;
    line-height: 8px;
    float: left;
    margin: 0 auto 30px auto;
    padding: 0;
    min-width: 100%;
    height: 100px;
    text-align: center;
    border: 1px solid #fff;
}

HTML :(仍然在寻找包含div的文件）

谢谢：）

Answer 1

由于#diensten-row，#diensten和#diensten-row a的宽度为100％，我预测tuinontwerp页面的容器宽度比第一页上的容器宽度略大。

另外一个提示：不要多次使用ID's。我看到您多次使用ID #diensten。使用一个类。只有当elementen只使用一次时才应使用ID。但即便如此，我仍然使用classes。