Question

我试图将网站的副本作为我的第一个CSS / HTML练习。我无法弄清楚如何制作菜单列表，使其背景填满方框（延伸到右边框）。

Picture我现在所拥有的（图片的右侧，红线表示背景应该去的地方）和我想要的东西（左侧）。

我的code。

到目前为止，我已经尝试过实现它，例如宽度为＆＃39;和＆＃39;显示＆＃39;参数，但例如display: block;删除文字之间的行。我没有想法。

Answer 1

        display: block;
        width: 100%;
        margin-bottom: 2px;

到#menu

Answer 2

spans是内嵌元素，因此无法拥有width或height。您应该将background-color添加到li元素而不是spans。

.menu{
   background-color: grey; //Change it to your custom colour.
}

此外，您不能拥有多个具有相同ID 的元素。你必须将它们作为一个类。