在HTML和CSS中格式化导航的li和ul元素时遇到问题

我正在尝试用HTML和CSS格式化导航及其下拉列表

我有两个问题

首先，在导航的右边有一个空间。但它应该像在左边一样向右转

第二，我无法使下拉列表中的项目相互匹配。 你能告诉我正确的空间和下拉项的问题在哪里吗

/*Navi*/
导航ul{
边际上限：0；
背景色：#FFF；
列表样式：无；
填充：0；
左边距：0；
}
李国荣{
显示：块；
浮动：左；
背景色：#1c1c；
宽度：33%；
文本对齐：居中；
}
导航a{
显示：列表项；
颜色：#FFF；
字体大小：23px；
线高：自动；
文字装饰：无；
字母间距：4px；
}
/*维斯特肯下拉列表*/
导航ul{
显示：无；
位置：固定；
}
/*下拉列表*/
李国宝{
宽度：自动；
显示：块；
浮动：左；
/*Ü位置：相对位置*/
左侧填充：0；
左边距：0；
}
/*下拉列表*/
导航ul li：悬停>ul{
显示：继承；
}
/*海利廷温恩安杰格特酒店*/
导航a：悬停{
背景色：#000000；
边框底部：实心；
边框底色：#8E96C0；
}
#科普夫泽尔{
位置：固定；
宽度：1000px；
高度：60px；
背景色：#fa8072；
字体系列：流沙；
不透明度：0.95；
保证金：自动；
}
a{
颜色：#FFF；
}

要实现这一点，您需要进行一些更改

注意：在开始之前，我想你可能有

正文{margin:0px；}

。如果不添加，但仅当您希望

nav

栏不留任何空间时才添加

1）给出（添加）您的导航

宽度：100%和
边距：0px。除了您的导航不接触右侧的原因外，您还需要给出
宽度：100%到您的
#kopfzeile

nav {
    margin:0px;
    width:100%;
}
#kopfzeile {
    width: 100%; /* CHANGED */
}

2）现在删除
float:left通过给出
浮点：无
到您的
导航ul li{…}
，使它们垂直堆叠。此外，如果您希望文本位于左侧，还可以添加
left align:left

nav ul ul li
{
  float:none;
  text-align:left; /* Only if you want text left aligned*/
}

更新如下：

3）用于完成
li
宽度。你有
宽度：33%
不是实际除以
100%
的值，因此需要将其设置为
宽度：33.33%

nav ul li {
  display: block;
  float:left;
  background-color: #1C1C1C;
  width: 33.33%; /* JUST CHANGED THIS ONE */
  text-align:center;
}

问题中没有代码。以主题外的方式结束。并做一个简单的小提琴来解释您的问题。感谢您的线程格式请求：）@Olker Kumar有权，我也需要投票来结束。我建议阅读并理解其他人说的话，这很重要。嘿，谢谢你的回答：）下拉列表现在看起来更好了，谢谢：）但是在你的小提琴上，你将主体边距设置为0，但它也显示红色的小空格，或者我遗漏了什么？有没有办法，在不通过px移动的情况下，将下拉菜单设置为与主菜单项相同的宽度？或者更清楚地说，导航应具有1000px的固定长度或宽度，主导航中的3个链接应完全适合该1000px。子导航，或下拉列表，应该有顶部元素的宽度，在本例中为1000像素的1/3。@奥尔克查看更新。谢谢，我不敢相信我会傻到把100除以3。。。谢谢..不，是这样的，很高兴它对你有用。如果你觉得好的话，你可以投票。