盒子模型
- 盒子模型包含margin,padding,border,content四个内容
- 盒子模型可分为
标准盒模型和怪异盒模型 - 盒子模型可通过
box-sizing设置
margin 和 padding的区别
- margin用来设置元素之间的距离
- padding用来设置元素与内容之间的距离,padding的背景色与content一致
纵向边距重叠
- 垂直方向上的边距会发生重叠,使两个盒子小的边距被
覆盖掉
margin负值问题
左边距负值会使元素左移右边距使右面元素左移上边距使元素上移下边距下面元素上移
CSS布局方式
技术方面
- 静态布局