Front-end-learning-to-organize-notes icon indicating copy to clipboard operation
Front-end-learning-to-organize-notes copied to clipboard

Published 20 hours ago • verified publisher icon Chocolate1999

说说盒模型和怪异盒模型

Open Chocolate1999 opened this issue 4 years ago • 2 comments

Chocolate1999 avatar Jan 12 '21 07:01 Chocolate1999

CSS盒模型本质上是一个盒子，它包括：边距margin，边框border，填充padding，和实际内容content。

有两种盒模型，标准盒模型（box-sizing: content-box）和怪异盒模型（box-sizing: border-box），区别在于，元素的宽高大小表现为content的大小，而怪异盒模型则表现为content + padding + border的大小（背景会延伸到边框的外沿）

HearLing avatar Jan 29 '21 02:01 HearLing

image

HearLing avatar Jan 29 '21 02:01 HearLing