首页 > 试题广场 >

若为标准盒子模型，下列布局的描述，正确的是？

[不定项选择题]

块级元素实际占用的宽度与它的 width 属性有关；

块级元素实际占用的宽度与它的 border 属性有关；

块级元素实际占用的宽度与它的 padding 属性有关；

块级元素实际占用的宽度与它的 background 属性有关。

查看答案及解析

Ped

他这道题没有说清楚，有两种，一种是标准盒模型，一种是IE盒模型，标准盒模型中的块级元素实际占用的宽度只与它的 width 属性有关；

而IE盒模型就与它的 width、border、padding 属性有关

发表于 2019-03-14 10:11:55 回复(6)

__sgf__

第一种box-sizing:content-box;实际宽度为width+padding+border；第二种box-sizing: border-box;实际宽度为width，padding和border都在盒子内部，不会撑开盒子。

发表于 2022-12-08 20:28:50 回复(1)

橘子橘子橘子皮

如果添加属性box-sizing:content-box;(默认)

css2模型：盒子宽度计算=width+padding+border；

如果添加属性box-sizing: border-box;

css3模型：盒子宽度计算=width(padding和border都包含在里面,不会撑开盒子)；

发表于 2020-03-05 13:00:10 回复(0)

牛客229620143号

box-sizing:border-box/content-box border-box是怪盒子模型 content-box是CSS3盒子模型

发表于 2022-06-06 00:00:52 回复(0)

酚酞菠萝

标准盒模型 center-box 元素width为content ie盒模型 border-box 元素width为最外一圈

编辑于 2024-04-02 01:43:02 回复(0)

Five鱼

不是都标准盒了嘛，为啥还是ABC,不应该是A,只与width有关啊

发表于 2022-05-11 19:39:54 回复(2)

提交观点

问题信息

小米集团 CSS 前端工程师 2019

来自：小米2019秋招前端开...

上传者：小小

难度：

6条回答 202收藏 2345浏览

扫一扫，把题目装进口袋