为何为div与a标签设置相同CSS属性后，盒子尺寸存在差异？

核心原因是div和a标签的默认显示类型不同：

• div是块级元素（display: block），浏览器会严格遵守你设置的width、height属性，盒子尺寸完全按定义的数值计算。
• a标签默认是行内元素（display: inline），行内元素的width、height属性无效，它的实际尺寸由内部内容（比如这里的"Google"文字）加上border来决定，哪怕你写了width:200px; height:100px，浏览器也会直接忽略这些设置。

如果想让a标签和div的盒子尺寸一致，只需要把a的显示类型改成块级或者行内块即可：

div, a {
    height: 100px;
    width: 200px;
    border: 5px solid black;
    margin: 15px;
    display: block; /* 或者 inline-block */
}

内容的提问来源于stack exchange，提问作者Jackle