Question

我的CSS中有div的CSS。

.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

两个问题......

floating未正确定义或定位任何内容。没有名为floating的HTML实体。如果它是类名，则需要.floating，如果它是元素id，则需要#floating。
单位不得包含前面的空格。它应该是10px，不是 10 px。你似乎在几个地方犯了同样的错误。

Answer 2

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

在Firefox中没有显示CSS填充/边距

2 个答案: