方框區塊的概念
進行CSS佈局時，方框模型（Box model）的觀念是最重要的觀念之一。以下，利用兩圖形來說明概念及計算的標準模式（符合W3C主張規範）。除IE 5.x及IE 6系列瀏覽器之外。
邊界重疊
依照上述觀念來佈局，有可能會發生無法按照指定的邊界來佈局的情形。此現象稱之為『邊界重疊』。
●垂直排列的兩個block box
下圖為兩個垂直的block box，第一個block box的下邊界為20px與第二個block box的上邊界20px重疊，因而成為一個邊界。會以邊界值最大者為其邊界值。
●上邊界的重疊（互為父子元素）
在指定父box的上邊界20px、子box的上邊界為20px分別存在的情況下，而padding與margin的屬性未設定時，邊界會成為兩個邊界值最大者。
0 Response to "CSS方框區塊的概念及邊界重疊注意事項"
張貼留言