如何以百分比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>