border使用？

Question

.top{ margin: 0 auto; width: 95%; height: 100px; border:1px solid #000; border-radius: 10px; background:#009966; } 以上是一个例子，在css自动校验中提示黄框，提示信息为： using height with border can sometimes make elements larget than your expect  using width with border can sometimes make elements larger than your expect这是为什么？百度无果，谷歌的结果也有点模糊。

Answer 1

这个意思大概是说的和盒模型有关，就是说如果你指定了元素的宽高，然后再给它一个border，这个元素的最终宽高就是你指定的宽高加上border,也就是它的实际宽高并不是你指定的值。当然你觉得这个并没有什么影响，就可忽略它，它只是一个警告。或者是设置该元素的 box-sizing:border-box;  以上只是我个人理解，并没去做求证，仅供参考。