CSS宽度被忽略

Question

请有人可以告知为什么忽略下面代码中的宽度和填充？

.chartbox {
    display: none;
    background: white;
    opacity: 0.7;
    padding: 50;
    width: 40;
}

该网站为http://www.jameswinfield.co.uk/v2.html#，点击左上方菜单中的“图表”标签即可。

由于 詹姆斯

Answer 1

您缺少单位，例如px，em，％。 例如：

.chartbox {
    display: none;
    background: white;
    opacity: 0.7;
    padding: 50px;
    width: 40px;
}

此外，您应该删除display：none以在浏览器上显示该项目。

Answer 2

您缺少长度units。您需要在CSS中指定px，em，%或任何一种可用单位。

.chartbox {
    padding: 50px;
    width: 40px;
}

文档

• Length#Units

Answer 3

height或width或padding中应定义margin，px，cm，em等任何衡量标准属性}或%。

.chartbox {
    display: none;
    background: white;
    opacity: 0.7;
    padding: 50px;
    width: 40px;
}