これは標(biāo)準(zhǔn)的な聖杯レイアウトです。これは HTML コードです。
リーリーsheng.png
Webページの要素はHTMLの記述順とフローモデルに従って分散されます。
ここでの left 要素には位置がないため、次の行に流れます。ここで、margin-left を獨(dú)自の幅に負(fù)の値に設(shè)定します。これは、位置を占有しないことと同じなので、最初の行の終わりに流れます。
margin-left の負(fù)の値が増加すると、ゆっくりと左にシフトします。
Set
margin-left: -100%; // 親要素の幅の 100% に相當(dāng)します
左の要素は最初の行の左端に配置されます。