css(margin:外边距,padding:内边距)

564 阅读1分钟

1.margin不会把盒子撑大,但是padding和border(边框)会把盒子撑大;

盒子实际大小计算公式:

  • 盒子宽度 = 左边框 + 内容宽度 + 右边框
  • 盒子高度 = 上边框 + 内容高度 + 下边框

2.padding(内边距):

image.png

3.margin(外边距):塌陷问题

image.png

4.行内元素:

image.png