css盒子模型尺寸如何计算

当前第2页 返回上一页

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

1、标准盒子的尺寸计算

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

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

2、 IE盒子的尺寸计算

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

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

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

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

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

返回前面的内容

相关阅读 >>

html5中一些可以优化的细节介绍

html以及css的常用用法

css如何实现渐渐消失

css中怎么把图片设置居右

css如何设置图片不重复

css怎么设置超出自动换行

css怎么改变鼠标形状

如何使用css修改选择框样式

如何利用css改变浏览器滚动条样式

css中&表示什么意思

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

书籍

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

￥83.86元   人民邮电出版社

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

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