Html 不同尺寸的锂

你能帮我做一个Lis吗？你能帮我做一个Lis吗？你能帮我做一个Lis吗

<div id="pageTop"> 
    <nav>
        <ul>
            <li><a href=""><img src="images/headerConSize.png" alt="" /><br>Home</a>
            <li><a href=""><img src="images/headerConSize.png" alt="" /><br>Home</a>

        </ul>

    </nav>
</div>


body {
    margin: 0px;
    background-repeat: no-repeat;
}



#pageTop {
    height: 172px;
}


nav {
  margin: 0px auto;
  overflow: scroll;
  width: auto;
  height: 95px;
}

nav ul {
    margin: 0px auto;
    overflow: scroll;
}

nav ul li {
    display: inline-block;
    height: 70px;
    text-align: center;
    float:left;
    overflow: hidden;
}

身体{
边际：0px；
背景重复：无重复；
}
#页面顶部{
高度：172px；
}
导航{
保证金：0px自动；
溢出：滚动；
宽度：自动；
高度：95px；
}
导航ul{
保证金：0px自动；
溢出：滚动；
}
李国荣{
显示：内联块；
高度：70像素；
文本对齐：居中；
浮动：左；
溢出：隐藏；
}

Hmmm，我想您可以使用这里的

nth child

CSS选择器

我假设您希望第四个

占据三个正常

元素的宽度（如现有CSS中定义的），因此我们希望的宽度为：10.66666 7%*3=32%

删除HTML中额外的2个
元素，并使用第n个子元素（4）
，如下所示：

nav ul > li:nth-child(4){
    width: 32%;
}

现在，第四个
元素的宽度将是其他元素的三倍。下面是一个例子，向您展示这一成果。（我设置了一个临时背景色，这样你就可以看到第四个了。）如果你有任何问题，请告诉我
 这是正确的，但如果您对旧浏览器有问题，您也可以从该选择器中为您的第四个li提供一个类和样式。但从2014年起，我肯定会这样做。