ホームページ > 記事 > ウェブフロントエンド > UFO_html/css_WEB-ITnose が残したコードは何ですか?
.clearfix:after {
クリア: 両方;
表示: ブロック;
可視性: 非表示 }。 。この関数は何ですか
ディスカッションに返信 (解決策)
css content 属性は、生成されたコンテンツを挿入するために、:before および :after 擬似要素と組み合わせて使用されます。何を挿入するか。 。挿入後に何が起こるか
これは明らかに float をクリアするために使用されるコードです
float をクリアするための完璧な解決策は、疑似クラス + 問題を解決するために IE でプライベート プロパティ hasLayout をトリガーすることです
.cf:after{display:block; content:'';clear:both;}
.cf{zoom:1}
このメソッドの前身は、空のタグを使用して float をクリアすることですが、空のタグを使用した float のクリアは構造セマンティクスに準拠していないため (out薄い空気) (より多くの空のタグ) なので、この効果を実現するには擬似クラスを使用します
css content 属性は、生成されたコンテンツを挿入するために、:before および :after 擬似要素と組み合わせて使用されます。
コンテンツ 引用符内のコンテンツ ここにドットがあります
これは明らかに float をクリアするために使用されるコードです
float をクリアするための完璧な解決策は、疑似クラス + IE でプライベート属性 hasLayout をトリガーして問題を解決します問題
.cf:after{display:block;content:'';clear:both;}
.cf{zoom:1}
このメソッドの前身は、空のラベルを使用してフロートをクリアすることですが、空のラベルがラベルはクリアされます フローティングは、構造セマンティクス (何もないところから空のタグを追加する) の点で仕様に準拠していないため、この効果を実現するには疑似クラスを使用します
無意識のうちに
css content 属性は組み合わせて使用されます:before および :after 擬似要素を使用して、生成されたコンテンツを挿入します。
何を挿入するか。 。
の内容を挿入するとどうなりますか? で囲まれた内容 ここにピリオドがあります
ピリオドを追加する理由は何ですか?
何を挿入するか。 。
の内容を挿入するとどうなりますか? で囲まれた内容 ここにピリオドがあります
ピリオドを追加する理由は何ですか?
必要なものを追加できますが、この方法で追加した後も表示されるため、visibility: hidden; hidden が続きます
実際には、これは必要ありません。content:'' に空の文字列を入力するだけです。直接、または非表示にする必要はありません
css content 属性は、生成されたコンテンツを挿入するために :before および :after 擬似要素とともに使用されます。
何を挿入するか。 。
の内容を挿入するとどうなりますか? で囲まれた内容 ここにピリオドがあります
ピリオドを追加する理由は何ですか?
必要なものを追加できますが、この方法で追加した後も表示されるため、その後にvisibility: hidden; hiddenが続きます
実際には、これは必要ありません。content:''に空の文字列を入力するだけです。直接、または非表示にする必要はありません
content で空の文字列を使用するだけです:''? ?それはどういう意味ですか? 。それ以降は何も追加されません。 。目的は何ですか?