盒模型布局

盒模型布局

1、盒模型布局基本介绍

• 布局方位：margin-left、margin-right、margin-top、margin-bottom
• 影响自身布局：margin-left、margin-top
• 影响兄弟布局：margin-right、margin-bottom
• 正向 / 反向：正值 / 负值

2、margin布局坑位

• 很多语义标签具有默认margin
• 父子标签margin-top重叠取大者
• 兄弟标签margin-bottom、margin-top重叠取大者