html - 导航菜单自动宽度根据浏览器变化

Question

Nav Menu Auto Width 根据浏览器更改Nav Menu Auto Width 根据浏览器更改Nav Menu Auto Width 根据浏览器更改Nav Menu Auto Width 根据浏览器更改

<div id="pageTop"> 
    <nav>


nav > ul > li > div ul > li {
    display: block;
}

Answer 1

您需要一些 css 属性，例如 float:left 用于 nav ul li 和 padding。我已经通过以下代码访问 link 设置了您的导航

#pageTop {
    height: 172px;
    border: 1px red dashed;
}

 nav ul li {
        height: 50px;
        width: 10.666666667%;
        text-align: center;
        background: #ddd;
        border-right: 1px solid #fff;
        float:left;
        padding:10px 0px;
        list-style:none;
    }