css盒子模型尺寸如何计算

当前第2页 返回上一页

二、标准模型与 IE 模型的尺寸计算

1、标准盒子的尺寸计算

盒子自身的尺寸：内容的宽高+两侧内边距的大小+两侧边框的大小

盒子在页面中占位的尺寸：内容的宽高+两侧内边距+两侧边框+两侧外边距

2、 IE盒子的尺寸计算

盒子自身的尺寸：内容的宽高

盒子在页面中占位的尺寸：内容的宽高+两侧外边距

IE盒子直接将宽/高属性设定为盒子自身的整体尺寸，如果带有内边距或边框，则通过缩小内容区域来实现

更多编程相关知识，请访问：编程入门！！

以上就是css盒子模型尺寸如何计算的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css如何隐藏标签

css如何改变图片的颜色

css grid布局的优缺点是什么？

css 搜索框怎么变大

css flex-grow属性怎么用

css中的position是什么意思

css中怎么把图片设置居右

css border-radius属性怎么用

css如何实现给div添加滚动并隐藏滚动条

css实现菜单按钮动画的代码示例

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css盒子模型尺寸如何计算