div+css 盒子模型,宽高原来不是边框的宽高

div+css 盒子模型

  • 之前一直没有仔细去研究div+css盒子模型,今天闲来无事,看了下,发现之前的理解一直是错的,因为之前一直是看并没有实际动手去写,或者写出来也没有深究。今天写了一个简单的盒子模型,然后浏览器里更改padding值,发现边框在变大,然后就觉得有点奇怪,明明宽度和高度分别设置的200px,为什么宽和高还会变呢?
初始状态
  • 调大padding值后,明显看到边框变大了

    调大padding后

  • 盒子模型=区块+内边距+边框+外边距

    盒子模型

  • 宽和高限定的是区块的宽和高,并不包括边框。

纸上得来终觉浅,绝知此事要躬行

不实际试一下,还真没注意这个事儿,后面还是好好看看css吧。
又看了下,上面这种情况是针对非IE浏览器的-。-||

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。