Html 在IE中固定下拉对齐

我目前正在做一些客户端工作，我使用了一个简单的下拉菜单。除了IE之外，它似乎在大多数浏览器中都能正常工作。调试一直是一件非常痛苦的事情，因为IE并没有提供太多的洞察力，而且我也无法指出确切的问题

下拉列表是一个div，它具有

位置：绝对

，并包含三个

。据我所知，div的位置很好，但是第一个ul的宽度是它应该的两倍，没有明确的原因，因此看起来整个dropwdown没有正确对齐

可在此处找到下拉列表：。移动顶部菜单（蓝色）中的菜单项，可以看到问题

这里的代码非常长，但是如果需要更多关于结构和CSS的信息，我很乐意发布。

Joey

1） #导航ul li-->添加位置：相对属性

2） #导航ul li.下拉菜单------>放置宽度：450像素到500像素

3） #导航ul li.下拉ul----->放置宽度：160px或更高

---

问题的主要原因是宽度和相对，当您添加绝对位置相对是父元素的必须，宽度和高度是必须是绝对元素时

问题在于，我使用的元素不是

li

，而是

ul

的子元素。与所有其他浏览器不同，Internet Explorer显然不容忍这种行为，并将其他元素视为列表项，因此我的下拉列表被放在IE中的错误列表项中。

这似乎无法解决问题。不幸的是，它甚至阻止了下拉列表在其他浏览器中正常工作。另外，整个宽度的问题从来都不是问题，仅仅是下拉容器的精确定位