Css 链接不会显示在div中，但按钮会显示

因为这个问题，我被困了好几个小时。我有一个div

容器

，它在链接

按钮

之前插入了一个动态创建的片段。然而，链接没有显示出来。如果我将链接更改为

或

，则它将显示。我能让链接显示出来的唯一方法是使用绝对定位，但这只会破坏其他一切

这是HTML

<div id="container">
    <a href="#" id="button" onClick="function();"></a>
</div>

---

有人知道这是什么原因吗？

您应该尝试

display:block链接。
据我所知，CSS与类一起工作。因此，更改此代码：

<div id="container">
<a href="#" id="button" onClick="function();"></a>
</div>



到



它应该工作得很好。
编辑：并删除显示：无
 请创建一个JSFIDLE。
#容器{display:none}
？@Pietu1998-Oh，应该把它取出来。这只是最初的样式，但后来Javascript将其更改为block。哦。。。我是个白痴。非常感谢。但是链接需要显式的
display:block有什么原因吗但按钮没有？默认情况下链接不被阻止；）您是否使用了任何类型的重置或样板css？css以相同的方式处理Id和类…当您有多个具有相同名称/类的元素时，您为一个元素提供了一个类。
<div id="container">
<a href="#" id="button" onClick="function();"></a>
</div>

<div id="container">
<a href="#" class="button" onClick="function();"></a>
</div>