css - 这个 CSS 值是什么意思？

Question

在查看网页的源代码时，我遇到了这个 CSS，应用于按钮内的 span：

.whatever button span {
    position: absolute;
    left: -1e+7px;
}

是什么left: -1e+7px;意思？这是我应该注意的一些技巧吗？

Answer 1

它似乎是科学记数法（在这种情况下，为 -10,000,000 像素）。据我所知，CSS 不允许使用科学记数法（标准中没有它，但在 Google 搜索“css 科学记数法”时出现了几个对 Batik（SVG 引擎）不支持它的投诉）。我猜想一些 CSS 解析器确实支持这种表示法，尽管它不是标准的一部分，但如果是这样，我找不到关于哪些解析器支持它的信息。

为了安全起见，我会避免在您自己的样式表中使用它。

Answer 2

来自关于数字的 CSS2 规范

---

某些值类型可能具有整数值（用 ~integer~ 表示）或实数值（用 ~number~ 表示）。实数和整数仅以十进制表示法指定。一个~integer~由一个或多个数字“0”到“9”组成。~number~ 可以是 ~integer~，也可以是零个或多个数字，后跟一个点 (.)，后跟一个或多个数字。整数和实数前面都可以用“-”或“+”表示符号。-0 相当于 0，不是负数。

---

IE 接受科学计数法。Firefox 忽略它。

Answer 3

CSS是否支持科学计数法？他们是否试图将一千万像素的按钮放在一边，也许是为了有一个不可见的默认按钮？

Answer 4

这是科学记数法，意思是 -1*10^7 = -10000000。

Answer 5

根据W3C 验证器，这不是有效的 CSS ：

.whatever button span    Value Error : position attempt to find a semi-colon before the property name. add it
.whatever button span    Value Error : left Unknown dimension 1e

如果您在;之后添加缺少的position: absolute内容，您仍然会得到：

whatever button span     Value Error : left Unknown dimension 1e