css - Firefox 中未显示 CSS 填充/边距

Question

我的 CSS 中有以下divCSS。

.floating {
        width: 500px;
        position: relative;     
        border:2px solid;
        border-radius:5px;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    background-color: #000000;
/*      margin-top: 50 px; */
/*      margin-left: 80px; */
/*      margin-right: 750px; */
/*      margin-right: 100 px; */
    padding: 10 px;
}

它在启用边距（现已禁用）的 Chrome 中显示良好，但 Firefox 根本无法识别边距。Firebug 显示了 CSS，但没有任何边距标签。我通过用父容器中的填充替换边距来快速解决这个问题，从而解决了这个问题。

但是，我现在看到填充也没有显示。如果我在 Firebug 中手动添加填充参数，它会显示得很好。我在这里想念什么？

Answer 1

两个问题...

1. floating没有正确定义或定位任何东西。没有这样的 HTML 实体称为floating. 如果它是一个类名，它需要是.floating，如果它是一个元素id，它需要是#floating。

2. 单位不得包含前面的空格。应该是10px，不是 10 px。您似乎在几个地方都犯了同样的错误。

Answer 2

在您的类定义中，类名（“浮动”）缺少“。” 在它之前。像素数和单位之间也不应该有空格。换句话说，“10px”，而不是“10 px”。