Was bedeutet der CSS-Wert?

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

  •  06-09-2019
  •  | 
  •  

Frage

Während die Quelle einer Webseite anzeigen, stieß ich auf diese CSS, angewendet in einer Schaltfläche auf eine Spanne: 

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

Was bedeutet left: -1e+7px; bedeuten? Ist das ein Trick mir bewusst sein sollte?

War es hilfreich?

Lösung

Es scheint wissenschaftliche Schreibweise (in diesem Fall zu sein, denn -10,000,000px ). Um das Beste aus meinem Wissen, hat CSS nicht wissenschaftliche Schreibweise erlaubt (es fehlt von der Standard-, aber eine Google-Suche nach "css wissenschaftlicher Schreibweise" dreht sich mehrere Beschwerden gegen Batik up - ein SVG Engine - für nicht es unterstützt). Ich würde vermuten, dass einige CSS-Parser solche Notation unterstützen, obwohl es nicht Teil der Norm zu sein, aber wenn ja, kann ich nicht findet Informationen auf die Parser unterstützen es.

Um sicher zu sein, würde ich vermeiden, dass es in Ihrem eigenen Stylesheets verwenden.

Andere Tipps

Von der CSS2-Spezifikation auf Zahlen

kann Einige Wertetypen Integer-Werte haben (durch ~ integer ~) oder reelle Zahl Werte (durch ~ Zahl ~). Reelle Zahlen und ganze Zahlen sind nur in Dezimalschreibweise angegeben. Eine ganze Zahl ~ ~ besteht aus einer oder mehreren Ziffern „0“ bis „9“. A ~ ~ Nummer kann entweder eine ganze Zahl sein ~ ~, oder sie kann null oder mehr Ziffern gefolgt von einem Punkt sein (.), Gefolgt von einer oder mehreren Ziffern. „-“ oder „+“, um anzuzeigen, das Zeichen ganze Zahlen und reelle Zahlen können durch eine vorangestellt werden. -0 entspricht 0 und ist nicht eine negative Zahl.

IE akzeptiert wissenschaftliche Schreibweise. Firefox ignoriert es.

Hat CSS-Unterstützung wissenschaftliche Schreibweise? Versuchen sie, an der Seite der Tasten zehn Millionen Pixel weg zu setzen, vielleicht eine Standardschaltfläche zu haben, die nicht sichtbar?

Dies ist wissenschaftliche Notation , was bedeutet, -1 * 10 ^ 7 = -10000000.

Das ist nicht gültig CSS, nach dem W3C-Validator : 

.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

Wenn Sie die fehlende ; nach position: absolute hinzufügen, können Sie immer noch erhalten: 

whatever button span     Value Error : left Unknown dimension 1e
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top