CSS3中的box-sizing(content-box与border-box)
CSS3中的box-sizing 属性允许以特定的方式来指定盒模型,有两种方式:
content-box:标准盒模型,又叫做 W3C盒模型,一般在现代浏览器中使用的都是这个盒模型
border-box:怪异盒模型,低版本IE浏览器中的盒模型
现代浏览器和IE9+默认值是content-box。
语法格式:
box-sizing:content-box | border-box
区别:
content-box:padding和border不被包含在定义的width和height之内。
盒子的实际宽度=设置的width+padding+border
border-box:padding和border被包含在定义的width和height之内。
盒子的实际宽度=设置的width(padding和border不会影响实际宽度)
总结
以上所述是小编给大家介绍的CSS3中的box-sizing(content-box与border-box),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
以下内容来自《WinRAR.chm》"RAR5" 是 WinRAR 5.0 引入的最新版本的 RAR 格式。...
"Code tailor",为前端开发者提供技术相关资讯以及系列基础文章,微信关注“小和...
问题背景 假设有这样的一个需求:判断某一朵花是不是鸢尾花。我们知道不同品种的...
作者:Shadeed 译者:前端小智 来源:dmitripavlutin 有梦想,有干货,微信搜索 ...
产品设计师面对复杂、庞大的制造业系统以及多元化的市场,其知识体系要同时具备...
本文主要介绍了AmazeUI 网格的实现示例,分享给大家,也给自己留个笔记。具体如...
css动画的一个应用,与此前的css走马灯同样的内容。只是一次不同的应用,具体实...
屏蔽IE浏览器(也就是IE下不显示) 复制代码 代码如下: *:lang(zh) select {font...
在 UI 切图过程中,页面往往由三个部分组成,头部、内容和底部。当页面的内容高...
有个项目是,这么个情况,输入框,实时监测输入,触发请求。 第一想法是input 上...