盒模型计算后不相等啊?

左边的应该是盒子的总大小吧,为什么宽度只有51.19,不应该是右边图里面的51.88+51.88+51.88吗????

图片描述

阅读 3.5k
7 个回答

margin是外边距 不能算作自身的宽
宽度是宽+border+padding

别扯盒子模型了。这个就是实际渲染对应用值进行了四舍五入取得的实际值和应用值不同

你左边选中的只是class="2"的那个div吧?

不管是border-box还是content-box,margin都不属于宽度。区别只是border和padding

这个51.19 是你内容的宽度
不会把你margin的距离算进去
就算你margin-left和right设置为1000
左边显示宽度还是51.19

盒子模型有两种类型,一种是外边距以及边框包含在盒子的宽度以及高度内的,一种是不包含在。默认是不包含的,也就是box-sizing这个属性。

你是计算方法不对。链接描述
宽度好比你的腰围,只跟你穿多少厚度的衣服有关,而跟你距离别人多远没有关系;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题