2019-03-18 盒子设置的宽高到底包含边框不?

这要看设置的box-sizing的属性,

一、默认情况下设置的width和height会应用到内容框,而边框会再width外绘制。即如果给div设置width:100px;height:100px;设置border:1px;则整个div的盒子宽度是102px;高度是102px;内容宽度是width:100px;height:100px

二:设置box-sizing: border-box;则为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。就是用设定的width和height减去border的宽度才是内容的宽度。即设置width:100px;height:100px;border:1px;那么,盒子的整体width是100px;整体height是100px,而盒子的内容是width:98px;height:98px;

你可能感兴趣的:(2019-03-18 盒子设置的宽高到底包含边框不?)