Html 浮动<；a>；div中的锚元素

因此，我一直在尝试从零开始制作一个网站，采用简单、块状的格式，其中导航位于页面顶部，作为一个无序的列表，充满

内容

您可以避免使用

%

边距，而是使每个

中的文本与列表底部对齐，请尝试以下操作：


*{
保证金：0；
}
html，
身体{
身高：100%；
保证金：0；
}
.bdy{
显示：块；
保证金：0；
背景色：#d2d2d2；
身高：85%；
浮动：左；
宽度：100%；
}
导航条{
保证金：0；
填充：0；
身高：15%；
背景色：红色；
宽度：100%；
}
导航ul{
浮动：左；
列表样式类型：无；
身高：100%；
文本对齐：居中；
背景色：#326ada；
宽度：97.9%；
}
李国宝{
浮动：左；
身高：100%；
底部：0；
左边距：20px；
框大小：边框框；
垫底：10px；
空白：nowrap；
}
李海军：以前{
内容：“；
身高：100%；
显示：内联块；
垂直对齐：底部对齐；
}
李娜{
文字装饰：无；
颜色：白色；
}






内容

CSS代码中有很多不必要的东西。看看我的代码片段和其中的设置，我想这就是你想要的


*{
保证金：0；
}
html，
身体{
身高：100%；
保证金：0；
}
.bdy{
最小高度：85%；
背景色：#d2d2d2；
}
导航条{
位置：相对位置；
身高：15%；
背景色：红色；
}
导航ul{
位置：绝对位置；
宽度：100%；
底部：0；
列表样式类型：无；
文本对齐：居中；
背景色：#326ada；
填充：5px0 2px0；
}
李国宝{
显示：内联块；
左缘：1%；
}
李娜{
文字装饰：无；
颜色：白色；
}






内容

请将您的css代码编辑成清晰的代码块。我知道这有点不必要，我应该再指定一点。我直接从项目本身提取，当时，我删除了CSS部分中忘记的
标记。此外，
元素的红色背景实际上是一种视觉辅助，因此我可以测试无序列表及其背景是否会填充红色的空间。我试图让导航的蓝色部分达到150-200px的高度，在左下角有
列表元素。很抱歉给你带来了困惑。