HTML渐变和CSS类

对于一个作业，我需要制作一个小网站，我想制作一个导航栏，它有一个梯度贯穿整个网站。但是当我加上它时，我有一个空间来放置单词

我怎样才能穿过整个酒吧

.navlist{
列表样式类型：无；
宽度：100%；
高度：自动；
填充：15px；
背景：moz线性梯度（顶部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
背景：-webkit渐变（线性，左上，左下，颜色停止（0%，rgba（0,0,0,0）），颜色停止（100%，rgba（91,91,91,1））；
背景：-webkit线性梯度（顶部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
背景：-o-线性梯度（顶部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
背景：-ms线性梯度（顶部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
背景：线性梯度（至底部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#00000000'，endColorstr='#5b'，GradientType=0）；
}
李先生{
浮动：对；
宽度：16.666%；
}

这是因为浮动的

li

元素。基于浮动的布局的一个常见问题是，浮动的容器不想向上伸展以容纳浮动。将

溢出：自动或隐藏的

放入具有浮动元素的父级，或者尝试一些

clearfix

破解。这是你的片段

.navlist{
列表样式类型：无；
宽度：100%；
填充：15px；
溢出：隐藏；
保证金：0；
背景：moz线性梯度（顶部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
背景：-webkit渐变（线性，左上，左下，颜色停止（0%，rgba（0,0,0,0）），颜色停止（100%，rgba（91,91,91,1））；
背景：-webkit线性梯度（顶部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
背景：-o-线性梯度（顶部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
背景：-ms线性梯度（顶部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
背景：线性梯度（至底部，rgba（0,0,0,0）0%，rgba（91,91,91,1）100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#00000000'，endColorstr='#5b'，GradientType=0）；
}
李先生{
浮动：对；
宽度：16.666%；
}

您应该将float left添加到.navlist中，因为您在li中使用float right

您还可以使用：

.navlist li{
display:inline;
width:16.666%;
margin: 0 5%; /*it depends on what margin you want*/
}

---

你能更新你的html代码吗。