CSS の細かい詳細

1. 可視性を指定して要素を非表示にしても、リフローと再描画 (リフローと再描画) は発生しませんが、同時に、可視性を非表示にしても関与は発生しません (つまり、子孫要素が表示されている場合は関与します)。親の非表示の影響を受けません);

2. テキストを非表示にするために負のマージンを使用すると、テキストインデントは追加のパフォーマンス消費を引き起こし、ブロック、テーブルセル、およびインラインブロック属性要素にのみ作用します。点線のボックス。

3. 子要素にposition:absoluteまたはfixedが含まれている場合、height:0;overflow:hiddenを使用することができます。位置属性がない場合)、非表示は「無効」になります (つまり、子要素は切り取りの影響を受けません。 注: 親要素の幅も 0 に設定されている場合、IE6 および 7 では奇妙な「バグ」非表示が発生します。子要素がバグであると言うのは、この時点で IE のデバッグを開くことでテストできるためです。問題については、わかっていれば回答します。

4.position:absolute、left/topなどの属性値を適用しない要素は、スペースを占有しない通常の要素、つまりこの要素はtext-alignなどの属性を通常に継承できます親から (注: 継承後、配置は自身の左側に基づいて行われます。たとえば、text-align:right を定義すると、その左端が親の右端に配置されます。)、これは少し複雑で、自分でテストすると、より明確になります。例: