Question

在查看网页的来源时，我遇到了这个CSS，应用于按钮内的跨度：

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

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

Answer 1

似乎是scientific notation（在这种情况下，为-10,000,000px）。据我所知，CSS不允许使用科学记数法（the standard不存在），但谷歌搜索"css scientific notation"会出现针对Batik的几个投诉 - 一个SVG引擎 - 因为没有支持它）。我猜想有些CSS解析器确实支持这种表示法，尽管它不是标准的一部分，但如果是这样，我找不到哪些解析器支持它的信息。

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

Answer 2

来自Numbers的CSS2规范

某些值类型可能包含整数值（用整数表示）或实数值（用〜数字表示）。实数和整数仅以十进制表示法指定。〜整数〜由一个或多个数字“0”到“9”组成。一个〜数字〜可以是一个整数〜，也可以是零个或多个数字后跟一个点（。）后跟一个或多个数字。整数和实数都可以在前面加上“ - ”或“+”来表示符号。 -0相当于0，不是负数。

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

Answer 3

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

Answer 4

这是scientific notation，意思是-1 * 10 ^ 7 = -10000000。

Answer 5

根据W3C validator：

，这不是有效的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

这个CSS值是什么意思？

5 个答案: