首页 > 试题广场 >

请以图加文字的方式描述一下 css 盒模型

[问答题]
请以图加文字的方式描述一下 css 盒模型
添加回答
didididididididid头像 didididididididid
CSS盒模型分为标准盒模型和IE盒模型，它们都包括四部分：margin, padding, border, content，其中 IE的盒模型的宽度包括padding和border，而标准盒模型只包括content。 CSS3有个box-sizing属性，其属性值content-box指定元素的宽度和高度适用于box的宽度和高度，border-box对元素指定宽度和高度包括了元素宽度content、padding和border的指定。
编辑于 2018-08-07 09:28:58 回复(0)
良纵头像 良纵
https://www.cnblogs.com/chengzp/p/cssbox.html
发表于 2018-08-06 19:53:07 回复(0)
你把你offer给我交了头像 你把你offer给我交了
css盒模型分为w3c标准模型和IE模型
可通过box-shadow来设置，content-box为标准模型，border-box为IE模型
最大区别是IE模型的宽度和高度是包括padding和border的，而标准模型只是包括content

发表于 2018-07-24 11:10:52 回复(2)
pika皮卡丘头像 pika皮卡丘
css盒模型分为两种：第一种是w3c标准盒模型，第二种是怪异盒模型
不管哪种盒模型，总宽度都为：border+padding+content
w3c标准盒模型下设置的width=content
怪异盒模型下设置的width=border+padding+content
发表于 2018-11-29 22:10:29 回复(0)
memset(x,0,sizeof(x))头像 memset(x,0,sizeof(x))
什么是盒子？
有内容，有边框，有内填充，有外边距。这是一盒box。
而css盒模型分为：怪异（IE下）和标准
前者内容含border和paddin部分，后者不含。
发表于 2018-08-04 21:35:49 回复(0)
FLY_rabbit头像 FLY_rabbit
css盒模型包括：margin --> border --> padding --> content.
    
发表于 2018-07-30 15:22:06 回复(0)
提交观点

问题信息

C++工程师 iOS工程师 安卓工程师 运维工程师 前端工程师 算法工程师 摩拜 2018 PHP工程师 Java工程师
来自：摩拜2018校招前端工...
上传者：小小
难度：
6条回答 2721浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号