Web ページのソースを表示しているときに、ボタン内のスパンに適用された次の CSS を見つけました。
.whatever button span {
position: absolute;
left: -1e+7px;
}
とはleft: -1e+7px;
どういう意味ですか? これは私が知っておくべきトリックですか?
Web ページのソースを表示しているときに、ボタン内のスパンに適用された次の CSS を見つけました。
.whatever button span {
position: absolute;
left: -1e+7px;
}
とはleft: -1e+7px;
どういう意味ですか? これは私が知っておくべきトリックですか?
科学表記法のようです(この場合は -10,000,000px)。私の知る限りでは、CSS は科学表記法を許可していません (標準にはありませんが、Google で「css 科学表記法」を検索すると、Batik (SVG エンジン) がサポートされていないという苦情がいくつか出てきます)。標準の一部ではないにもかかわらず、一部の CSS パーサーはそのような表記法をサポートしていると思いますが、そうであれば、どのパーサーがそれをサポートしているかについての情報を見つけることができません。
安全のために、独自のスタイルシートでは使用しないでください。
Numbers の CSS2 仕様から
一部の値型は、整数値 (~integer~ で示される) または実数値 (~number~ で示される) を持つ場合があります。実数および整数は、10 進数表記のみで指定します。~integer~ は、1 つ以上の数字 "0" から "9" で構成されます。~number~ は ~integer~ か、ゼロ以上の数字の後にドット (.) とそれに続く 1 つ以上の数字のいずれかです。整数と実数の両方の前に「-」または「+」を付けて符号を示すことができます。-0 は 0 に相当し、負の数ではありません。
IE は科学表記法を受け入れます。Firefox はそれを無視します。
これは科学表記法であり、-1*10^7 = -10000000 を意味します。
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
CSS は科学表記法をサポートしていますか? ボタンを横に 1,000 万ピクセル離して配置しようとしているのだろうか?