CSS 布局面试题目

盒子模型

• 盒子模型包含margin,padding,border,content四个内容
• 盒子模型可分为标准盒模型和怪异盒模型
• 盒子模型可通过box-sizing设置

margin 和 padding的区别

• margin用来设置元素之间的距离
• padding用来设置元素与内容之间的距离,padding的背景色与content一致

纵向边距重叠

• 垂直方向上的边距会发生重叠,使两个盒子小的边距被覆盖掉

margin负值问题

• 左边距负值会使元素左移
• 右边距使右面元素左移
• 上边距使元素上移
• 下边距下面元素上移

CSS布局方式

技术方面

• 静态布局