outline不支持box-sizing: border-box;先处理边距，后加轮廓，有点类似缩放（transform: scale(1.2);）无论轮廓大小样式不影响布局。

　　定义了border-style:dashed border-style为默认值medium border-color为默认值black 所以会显示3像素黑色的虚线框(IE7下为一像素)

　　我们在制作网页时候，经常使用到div的border样式，可是有时候border不会显示失效了，怎么办呢？　　七七解读：样式失效的原因是因为border的属性没有给全，必须把border的属性元素

当我们把 DIV 的 style 设置为{width:100%;boeder:1px solid red}时，网页显示水平滚动轴。网页效果显示如下：而当我们在 body 里面设置 style{overflow-x: hidden;}，水平滚动轴