Javascript HTML/CSS-导航栏拉伸/填充背景色

到目前为止，我的问题是如何设计我的页面

我已经构建了一个内联导航栏，但是当我想更改其背景颜色时它不会影响我想要着色的高度。我想知道我是否可以做些什么，但也不能影响导航栏的大小或样式

图片（我使用背景色：绿色；）：

正文{
保证金：0；
填充：0；
字体系列：“Arial”，衬线；
}
/*导航级*/
.导航{
背景颜色：绿色；
颜色：白色；
列表样式：无；
文本对齐：右对齐；
填充：0px 0 0px 0；
}
/*.nav类中的li标记*/
.nav>li{
显示：内联块；
右填充：50px；/*与0 25px 0 25px相同（左上右下*/
字体大小：14px；
}
/*.nav类中的li标记中的标记*/
.nav>li>a{
文字装饰：无；
颜色：黑色；
}
/*鼠标悬停时.nav类中li标记中的标记*/
.nav>li>a:悬停{
颜色：#C1C1；
}
.标志{
浮动：左；
左侧填充：25px；
}
.logo>.logo图像{
位置：相对位置；
底部：8px；
宽度：128px；
}
.横幅{
宽度：100%；
显示：块；
}
.banner>.banner图像{
宽度：100%；
显示：块；
}

德卡图形

重置边距并对导航应用填充可以完成此任务

具体来说,

将

填充：0px 0 0px 0；

更改为

填充：10px 0 10px 0；

添加

边距：0px

下面是演示

正文{
保证金：0；
填充：0；
字体系列：“Arial”，衬线；
}
/*导航级*/
.导航{
背景颜色：绿色；
颜色：白色；
列表样式：无；
文本对齐：右对齐；
填充：10px 0 10px 0；
边际：0px；
}
/*.nav类中的li标记*/
.nav>li{
显示：内联块；
右填充：50px；/*与0 25px 0 25px相同（左上右下*/
字体大小：14px；
}
/*.nav类中的li标记中的标记*/
.nav>li>a{
文字装饰：无；
颜色：黑色；
}
/*鼠标悬停时.nav类中li标记中的标记*/
.nav>li>a:悬停{
颜色：#C1C1；
}
.标志{
浮动：左；
左侧填充：25px；
}
.logo>.logo图像{
位置：相对位置；
底部：8px；
宽度：128px；
}
.横幅{
宽度：100%；
显示：块；
}
.banner>.banner图像{
宽度：100%；
显示：块；
}

德卡图形

重置边距并对导航应用填充可以完成此任务

具体来说,

将

填充：0px 0 0px 0；

更改为

填充：10px 0 10px 0；

添加

边距：0px

下面是演示

正文{
保证金：0；
填充：0；
字体系列：“Arial”，衬线；
}
/*导航级*/
.导航{
背景颜色：绿色；
颜色：白色；
列表样式：无；
文本对齐：右对齐；
填充：10px 0 10px 0；
边际：0px；
}
/*.nav类中的li标记*/
.nav>li{
显示：内联块；
右填充：50px；/*与0 25px 0 25px相同（左上右下*/
字体大小：14px；
}
/*.nav类中的li标记中的标记*/
.nav>li>a{
文字装饰：无；
颜色：黑色；
}
/*鼠标悬停时.nav类中li标记中的标记*/
.nav>li>a:悬停{
颜色：#C1C1；
}
.标志{
浮动：左；
左侧填充：25px；
}
.logo>.logo图像{
位置：相对位置；
底部：8px；
宽度：128px；
}
.横幅{
宽度：100%；
显示：块；
}
.banner>.banner图像{
宽度：100%；
显示：块；
}

德卡图形

您必须设置

.nav

元素的高度。您删除了填充，但没有删除边距。背景应用于填充，但不应用于边距，请尝试将边距重置为0，并添加一些顶部/底部填充设置nav元素的高度样式。@Stu您真的很有帮助，我更改了

填充：20px0 20px 0；

并添加了

边距：0px；

但更改高度只会破坏我的页面样式。非常感谢您必须设置

.nav

元素的高度。您已删除了填充，但没有删除边距。背景应用于填充，但不应用于边距，请尝试将边距重置为0并添加一些顶部/底部填充设置导航元素的高度样式。@斯图你真的帮了我很大的忙。我更改了

填充：20px 0 20px 0；

并添加了

边距：0px；

，但是更改高度只会破坏我页面的样式。非常感谢你我相信你的答案更好、更干净，会删除的mine@nicael正如@Stu所说，但用m表示如果我把它改成了

填充：20px 0 20px 0；

我相信你的答案更好更干净，会删除的mine@nicael正如@Stu所说，但在我的例子中，我将其更改为

padding:20px 0 20px 0；