IT入门 > 面试题 > css题库 > 第二章 >

IT入门 > 面试题 > css题库 > 第二章 >

box-sizing:border-box会产生怎样的效果?

  你会看到这个提示,那是因为你的系统无法识别某栏目的模型信息,或者你新建模型后,没为这个模型设计单独的模板。不同模型的文档浏览页的模板为:article_模型名字标识.htm 如“article_article.htm”,更多的信息你可以在频道模型管理的地方查看。
附加标题 内容:
模板调用标记:
题型:1单选,2多选,3填空,4问答,5排序 内容:
模板调用标记:
4
选项A 内容:
模板调用标记:
选项B 内容:
模板调用标记:
选项C 内容:
模板调用标记:
选项D 内容:
模板调用标记:
答案 内容:
模板调用标记:

元素默认应用了box-sizing: content-box,元素的宽高只会决定内容(content)的大小。

box-sizing: border-box改变计算元素widthheight的方式,borderpadding的大小也将计算在内。

元素的height = 内容(content)的高度 + 垂直方向的padding + 垂直方向border的宽度

元素的width = 内容(content)的宽度 + 水平方向的padding + 水平方向border的宽度

难度:1入门级,2初级,3中级,4高级 内容:
模板调用标记:
1
专业分类 内容:
模板调用标记:
(责任编辑:zengmumu)
    广告位API接口通信错误,查看德得广告获取帮助