手动呼吸灯

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

hi