javascript - Sedikit keraguan tentang susun atur Holy Grail

Question

Ini ialah susun atur holy grail standard dan ini ialah kod html

<p id="hd">header</p>
<p id="bd">
    <p id="middle">middle</p>
    <p id="left">left</p>
    <p id="right">right</p>
</p>
<p id="footer">footer</p>

sheng.png

Answer 1

Elemen halaman web diedarkan mengikut susunan penulisan html dan mengikut model aliran.
Elemen kiri di sini mengalir ke baris seterusnya kerana ia tidak mempunyai kedudukan Sekarang tetapkan margin-kiri kepada lebarnya sendiri sebagai negatif, yang bersamaan dengan tidak menduduki kedudukan, jadi ia mengalir ke penghujung baris pertama.
Apabila nilai negatif margin-kiri meningkat, ia perlahan-lahan akan beralih ke kiri.

Tetapkan
margin-kiri: -100%; // Bersamaan dengan 100% lebar elemen induk
Pada masa ini, elemen kiri akan berada di hujung kiri baris pertama.