html - 为什么 Firefox 忽略 -moz-box-sizing 和 box-sizing？

Question

我有一个 CSS 类：

#CenterColumnWrapper
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    padding-top: 25px;
}

在 HTML 中：

<div id="CenterColumnWrapper"><div>

当我在 Chrome 和 Opera 中测试它时一切正常，但是当我在 Firefox 中测试它时，它会忽略box-sizing.

为什么？我能做些什么来解决这个问题？

Answer 1

了解 Firefox 为何忽略您的 CSS 的一个好方法是使用 Firebug 插件。使用 Firebug，您可以查看 CSS 的哪一部分应用于某个元素，在本例中为#CenterColumnWrapper.