html - 如何以百分比 html/css 指定菜单选项的宽度？

Question

html/css 的新手，正在创建一个简单的网页。通过采用无序列表并删除元素符号、向左浮动等创建水平菜单...如何以百分比指定菜单选项的宽度。假设我有 5 个菜单选项，我希望每个菜单都占据屏幕的 20%。我该怎么做，目前当我尝试以百分比形式指定宽度时，它会占用链接大小的百分比，而不是屏幕大小。

Answer 1

这是一个有效的例子:

<style>
    ul.menu{
        list-style: none;
        padding: 0;
        margin: 0;
    }
    li.menu{
        float: left;
        width: 20%;
        display: inline;
    }
</style>
<ul class="menu">
    <li class="menu"><a href="">Link 1</a></li>
    <li class="menu"><a href="">Link 2</a></li>
    <li class="menu"><a href="">Link 3</a></li>
    <li class="menu"><a href="">Link 4</a></li>
    <li class="menu"><a href="">Link 5</a></li>
</ul>