Html 点不是'；他没有出现

我想让点显示出来，稍后我想用它创建一个固定侧导航。它不再出现了。我试图解决它，但当圆点出现，然后它消失了

.dot{
高度：0.8em；
宽度：0.8em；
背景色：#fff；
边界半径：50%；
浮动：对；
边缘底部：2米；
右边距：2米；
}
.sitenav{
高度：自动；
宽度：1米；
浮动：对；
位置：固定；
}

---

从

.sitenav

中删除宽度（1em小于5 x 2.8em，因此溢出被隐藏），并将颜色更改为除白色以外的任何颜色

.dot{
高度：0.8em；
宽度：0.8em；
背景色：#f00；
边界半径：50%；
浮动：对；
边缘底部：2米；
右边距：2米；
}
.sitenav{
高度：自动；
/*宽度：1米*/
浮动：对；
位置：固定；
}

---

移除

位置：固定

.sitenav{
  height: auto;
  float: right;
  width : 1em
}

---

您的圆点背景色为#fff

多特先生{
高度：0.8em；
宽度：0.8em；
背景色：#000；
边界半径：50%；
浮动：对；
边缘底部：2米；
右边距：2米；
}
.sitenav{
高度：自动；
宽度：1米；
浮动：对；
右边距：2米；
}

您的问题是什么？您希望实现什么？请分享您的完整代码。可能是因为它们是白色的？您的点是白色的，背景是什么颜色？向

元素添加

display:inline block

 <style>
 .dot {
    height: 0.8em;
    width: 0.8em;
    background-color: #000;
    border-radius: 50%;
    float: right;
    margin-bottom: 2em;
    margin-right: 2em;

}


.sitenav {
    height: auto;
    width: 1em;
    float: right;
    margin-right: 2em;
    }
</style>
<div class="sitenav">
    <a href="#start"><span class="dot" id="f"></span></a>
    <a href="#two"><span class="dot" id="i"></span></a>
    <a href="#three"><span class="dot" id="r"></span></a>
    <a href="#four"><span class="dot" id="s"></span></a>
    <a href="#five"><span class="dot" id="t"></span></a>
    </div>

<div id="start">
<div class="site">
</div>
</div>