如题所述
答案C
关于盒子模型,首先需要明确盒子模型是CSS中的一种概念,用来描述HTML元素的布局和定位。盒子模型将每个HTML元素视为一个矩形盒子,由内容、内边距、边框和外边距四个部分组成。
标准盒子模型(box-sizing: content-box)的默认行为是:width属性仅包含内容的宽度,不包括内边距、边框和外边距。因此,盒子所占的总宽度是左右margin、左右border、左右padding和内容width的总和。
而怪异盒模型(box-sizing: border-box)中,width属性包含了内容、内边距和边框的宽度,但不包括外边距。这意味着在怪异盒模型中,盒子总宽度等于左右margin加上width(这个width已经包含了内容的宽度、内边距和边框的宽度)。
因此,关于盒子模型的描述中:
“标准盒子模型中:盒子所占宽度=左右margin+左右border +左右padding + width”这一说法是错误的,因为标准盒子模型中的width不包括内边距和边框。
“E盒子模型中:盒子总宽度=左右margin +左右border + width”这一描述似乎有些模糊,不清楚“E盒子模型”指的是什么。但如果是指怪异盒模型(box-sizing: border-box),那么这个描述是部分正确的,但没有提及内边距。
“当样式box-sizing: border-box时,块级别元素width包括border、padding”这一说法是正确的,这正是怪异盒模型的特点。
“IE盒子模型中:盒子总宽度=左右margin +左右padding+左右border + width”这一描述似乎混淆了标准盒模型和怪异盒模型的概念。实际上,IE盒子模型通常指的是怪异盒模型,其width属性包括内容、内边距和边框,但不包括外边距。
综上所述,正确的描述是:当样式box-sizing设置为border-box时,块级别元素的width属性确实包括border和padding。这是怪异盒模型的核心特性。而标准盒模型中,width仅指内容的宽度。