关于使用web前端编写一个赛车小游戏所遇到的一些小问题（赛道篇）

    在编写赛道时，发现了web前端编写时的一个特性，正常情况下我们认为一个盒子它的边框的大小是包含在盒子内的，即边框的大小是盒子的大小；而在编写前端中，默认的是边框在盒子外，即边框的大小等于盒子的大小加上边框的宽度，在使用百分百作为盒子的宽高计量时很不方便，如果想将盒子分为五份，设置小盒子的宽度为20%，则由于边框宽度的存在，最后一个盒子会被挤到下一行，而且显示的最后一个盒子会比前四个盒子要窄，这个时候就需要将边框置于盒子内部。 

    将边框置于盒子内部的语句为“box-sizing:border-box；”，在盒子的样式定义中加入这一语句，再设置边框，边框就会存在于盒子内部，盒子的大小就与边框一致，上述问题就得到了解决。

盒子样式的通用编辑格式:

.盒子名{width:;宽度；

height:;高度；

border:4px dashed #ffffff;边框：宽度  线条样式  边框颜色；

margin:;外边距；

padding:;内边距

float:;浮动；

box-sizing:border-box;边框存于盒子内部（根据需要添加）；

}