CSS 盒模型是什么

139 阅读1分钟
  • CSS 盒模型是什么 CSS 盒模型由内到外分别包括 content(内容);border(边框);padding(内边距);margin (外边距)4各部分。
  • 盒模型分类 css盒模型主要分为两种:content-box(标准盒模型)与border-box(边框盒模型)
    box-sizing:content-box width = content 宽度
    box-sizing:border-box width = content 宽度 + 2padding + 2margin
  • margin(外边距)合并 给两个盒子垂直都设置了外边距,两个盒子的外边距会重叠。
  • 如何阻止 margin 合并 父子合并用 padding / border挡住; 父子合并用 overflow:hidden; 父子合并用 display:flex; 兄弟合并用 display:inline-block