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

新的html/css和我正在创建一个简单的网页。创建一个水平菜单采取一个无序的列表，删除项目符号，浮动左等。。。如何以百分比指定菜单选项的宽度。假设我有5个菜单选项，我希望每个选项占据屏幕的20%。如何做到这一点，目前，当我试图以百分比形式指定宽度时，它是指链接的大小的百分比，而不是屏幕的大小。

以下是一个有效的示例：

<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>

菜单{
列表样式：无；
填充：0；
保证金：0；
}
李：菜单{
浮动：左；
宽度：20%；
显示：内联；
}

宽度：20%

。请在询问width:20%不起作用之前做一些研究，它使链接元素的宽度为20%，而不是屏幕的宽度尝试创建100%的主div，然后为每个菜单指定宽度：20%。