Question

这个应该很容易解决，但我无法在任何地方找到解决方案或解释。

我在div标签中有一个href链接文本，但是当我使用css设置a：link样式时，我无法使用div标记来包围a：link。为什么会这样，我该如何解决这个问题？

<style type="text/css">
#nav{
    background-color: #093;
}
a:link{
    height: 30px;
    width: 60px;
    margin: 20px;
    padding: 20px;
    background-color: #CCC;
    border: solid #333 5px;
}
</style>

<div id="nav">
<a href="#">Link</a>
</div>

Answer 1

默认情况下会显示锚点inline。父级只会占用元素的行占用的空间。

您需要显示您的主播inline-block：

a:link{
    height: 30px;
    width: 60px;
    margin: 20px;
    padding: 20px;
    background-color: #CCC;
    border: solid #333 5px;
    display:inline-block;
}

JSFiddle

一个href没有包含在div标签内

1 个答案: