Html CSS下拉菜单问题

我已经在创建了一个CSS下拉菜单，但我面临一个悬停问题。“主页”选项卡工作正常。我想删除

的宽度，知道如何删除宽度吗

如下图所示，缺少“左主”上边框：

---

我怎样才能解决这个问题？

我想你可以简单地做到：

delete document.getElementById("menu").style.width ;

---

罪魁祸首是

.css

下拉列表中的

z-index:-1

。如果你把它去掉，你的边界就回来了。是否有理由将z索引设置为-1？

如果应用的样式只有

宽度，则可以通过
$（'#菜单'）删除整个
样式
属性。removeAttr（'style'）
编辑：哎呀，我不知道你是否在使用jQuery。
你的回答对我来说毫无意义。你能澄清一下吗？他想知道如何删除属性“宽度”，使其不再适用。这就是在JS中删除属性的方式。
delete document.getElementById（“菜单”）.style.width
将不起作用。要将CSS属性
width
重置为其初始值，您需要
document.getElementById（“菜单”）.style.width='auto'
。删除该属性是否也会产生相同的效果？不过，你的解决方案更好。还有一个事实是，它被标记为
html
和
css
，并且页面上没有使用其他JavaScript，因此您应该假设“没有JavaScript”。这将是一个jQuery解决方案，而不是html或css。没错，我意识到他没有提到jQuery。对我来说很明显，每个人都在使用jQuery:），但我在寻找css html解决方案。另外，你有
#菜单{paddig:0px；}
。你应该解决这个问题。此外，您还使用了两次
id=“menu”
<代码>id
应该是唯一的。您应该切换到
class=“menu”
和
和
.menu
。感谢这里提供的信息，例如，我复制了相同的UL标签。我将更改为classif I remove，然后它将看起来像一个长方体边框。但是我想要像“Home”标签一样的标签，所以基本上你要做的是通过把它移到#menu div后面来隐藏边框的重叠部分，对吗？在这种情况下，您可以通过将menu元素中设置的宽度从
138px
更改为
108px
，并从
#menu li
中删除
右边距：30px
，来解决这个问题。但是，这似乎是一种非常黑客的方法，我会开始使用meyer的css菜单进行清理，然后在主
a
标签周围添加一个
div
，我会用它来隐藏子菜单边框的顶部。谢谢！上边框问题有些正常，但假设选项卡内容再次增加上边框未对齐。。。。“left home”将项目悬停在隐藏位置时，我无法选择列出的下拉项目。。。我不知道为什么？我怀疑这又是因为-1Z指数。就像我说的，你可能想在菜单上重新开始。那里有很多不需要的代码。但是我想你可以通过删除这个菜单上的z索引，在#菜单上放一个高z索引来解决这个问题。不，对不起，高z索引不起作用。我忘了子菜单是该元素的子元素。