84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
これは標準的な聖杯レイアウトです。これは HTML コードです。
sheng.png
Webページの要素はHTMLの記述順とフローモデルに従って分散されます。 ここでの left 要素には位置がないため、次の行に流れます。ここで、margin-left を独自の幅に負の値に設定します。これは、位置を占有しないことと同じなので、最初の行の終わりに流れます。 margin-left の負の値が増加すると、ゆっくりと左にシフトします。
Setmargin-left: -100%; // 親要素の幅の 100% に相当します 左の要素は最初の行の左端に配置されます。
Webページの要素はHTMLの記述順とフローモデルに従って分散されます。
ここでの left 要素には位置がないため、次の行に流れます。ここで、margin-left を独自の幅に負の値に設定します。これは、位置を占有しないことと同じなので、最初の行の終わりに流れます。
margin-left の負の値が増加すると、ゆっくりと左にシフトします。
Set
margin-left: -100%; // 親要素の幅の 100% に相当します
左の要素は最初の行の左端に配置されます。