如何使链接保持在 div 元素内,而不是在其上方和下方延伸?看起来它与未考虑的填充有关,并且 div 认为链接与文本一样高。
有办法解决吗?
代码:
div {
background-color: yellow;
margin-top: 20px;
}
a {
padding: 10px;
border: 1px solid black;
background-color: blue;
}
a:link {
color: white;
}
<div><a href="#">Link button</a></div>