當應用相同的屬性集時，為什麼 div 和標籤的結果（運行 html/css 程式碼後）框大小不同？

Question

div, a {
    height: 100px;
    width: 200px;
    border: 5px solid black;
    margin: 15px;
}

<div>This is a div tag</div>
<a href="https://www.google.co.in" target="_blank">Google</a>

我希望得到相同大小的盒子，但發現了不同的盒子。

Answer 1

只需將 display: block; 加入到您的 CSS 中即可。

像這樣：

div, a {
    display: block;
    height: 100px;
    width: 200px;
    border: 5px solid black;
    margin: 15px;
}