1
2
3
我們現在看到的網頁,其實是經過一個一個像盒子的結構,層層包覆建構出來的版面。
如上面的結構就是三個盒子(div)建構出來的。我們用三個<div>層層包覆出來的結果。
▼如果撇除顏色等屬性的設定,語法看起來會像這樣。
<div>
1
<div>
2
<div>
3
</div>
</div>
</div>
我們可以從顏色來看這些標籤各自屬於哪個盒子(div)
桃紅色屬於最外層的 div,接下來是橘黃色,最內層是藍色。
▼果我們把語法改成
<div>1
<div>
3
</div>
</div>
<div>2</div>
我們把橘色的盒子拿出來了
▼會變成如下:
1
3
2