手动呼吸灯
首先弄清楚默认盒子(标准盒子/w3c盒子)模型和怪异盒子(边框盒子)的区别。使用box-sizing:content-box/border-box属性可设置盒子模型。
默认盒子:box-sizing:content-sizing ,特点是width指的是内容区宽度,盒子的宽度应该内容区宽度加内边距宽度加边框,盒子宽度=width+2padding+2border
怪异盒子:box-sizing:border-box ,width指的是盒子的总宽减边框减内边距。
内容区宽度=width-2padding-2border
hi