css - div定位绝对没有出现在Firefox中

Question

我有一个 div (#socmed) 和一个包含 li 的 ul，我将其放置在页面的右上角。您可以在 header 标签内找到 div。顺便说一下，这些是社交媒体按钮。

如您所见，它只显示在 chrome 和 safari 中（尚未在 IE 中测试）。

我尝试更改 z-index，因为我觉得它被父 div 重叠，它是粉红色的。但这似乎不起作用。我不知道该怎么做。

提前感谢所有帮助。

score 1 · Accepted Answer

您可以进行 2 项 CSS 调整。首先制作一个相对容器（未在您的页面上完全测试，但通常是一个好习惯......

header  {
position:relative;
}

其次，为标题中的 ul 列表项定义宽度...

#socmed ul {
width:30px;
}

希望这会有所帮助

score 1 · Accepted Answer

在你的main.css:Line 73

为项目添加宽度<li>。

#socmed li {
    list-style: none outside none;
    margin-top: 5px;
    width: 25px; /* Add this width..! */
}

这似乎可以解决您的问题。

你的外部#socmeddiv 有width: 25px，但你的<li>内部没有，默认情况下它比上25px指定的大#socmed，所以不会显示。

score 0 · Accepted Answer

0

我已将relativediv 放入relative容器中。有效。

于 2013-05-09T14:52:08.447 回答

score 0 · Accepted Answer

这个问题来自：

ul, ol {
  margin: 0 0 10px 25px; // to margin:0
  padding: 0;
}

请不要在 ul,ol 这样的值margin: 0 0 10px 25px;是一个全局。

score 0 · Accepted Answer

此问题与的宽度有关div#socmed：

#socmed{
    width: auto;
    height: 125px;
    position: absolute;
    top:8px;
    right: 40px;
}

最初，您将宽度设置为 25 像素，但宽度不足以显示您的图标。

5 回答 5