Что означает это значение CSS?

StackOverflow https://stackoverflow.com/questions/921835

  •  06-09-2019
  •  | 
  •  

Вопрос

Просматривая исходный код веб-страницы, я наткнулся на этот CSS, применяемый к промежутку внутри кнопки:

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

Что делает left: -1e+7px; в смысле?Это какой-то трюк, о котором я должен знать?

Это было полезно?

Решение

Похоже, что это научная нотация (в данном случае для -10 000 000 пикселей).Насколько мне известно, CSS не допускает научной нотации (она отсутствует в стандартный, но поиск в Google для "научная нотация css" появляется несколько жалоб на Batik — SVG движок — за не поддерживая это).Я бы предположил, что некоторые анализаторы CSS поддерживают такую нотацию, несмотря на то, что она не является частью стандарта, но если это так, я не могу найти информацию о который анализаторы поддерживают это.

На всякий случай я бы не стал использовать его в ваших собственных таблицах стилей.

Другие советы

Из спецификации CSS2 для Numbers

Некоторые типы значений могут иметь целочисленные значения (обозначаемые ~integer~) или действительные числовые значения (обозначаемые ~number~).Действительные числа и целые числа задаются только в десятичной системе счисления.~Целое число ~ состоит из одной или нескольких цифр от "0" до "9".~Число ~ может быть либо ~целым числом ~, либо нулем или несколькими цифрами, за которыми следует точка (.), за которой следует одна или несколько цифр.Как целым, так и действительным числам может предшествовать знак "-" или "+" для обозначения знака.-0 эквивалентно 0 и не является отрицательным числом.

IE принимает научную нотацию.Firefox игнорирует это.

Поддерживает ли CSS научную нотацию?Они пытаются убрать кнопку на десять миллионов пикселей в сторону, может быть, чтобы иметь кнопку по умолчанию, которая не видна?

Это научная нотация, что означает -1*10 ^7 = -10000000.

Это недопустимый CSS, согласно Валидатор W3C:

.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
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top