虚线之间的宽度为300像素

4-4对盒使用阴影

正常宽度不包括padding和border

世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡这个div的width：300px；

指定包括padding但不包括border的宽度（好像很多浏览器不支持了）

box-sizing: padding-box;

世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡这个div的width：300px；

指定包括padding和border的宽度

box-sizing: border-box;

世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡这个div的width：300px；

用border-box进行布局

   width:50%;
    box-sizing: border-box;
    float: left;

世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡这个div的width：300px；

世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡这个div的width：300px；