html - 修复 IE 中的下拉对齐

Question

我目前正在处理一些客户工作，我使用了我构建的一个简单的下拉菜单。它似乎在大多数浏览器中都能正常工作，除了 IE。调试一直很痛苦，因为 IE 并没有真正提供太多的洞察力，而且我无法确定确切的问题。

下拉列表是一个position: absolute包含三个<ul>' 的 div。据我所知，div 的位置没问题，但第一个 ul 的宽度是其应有的宽度的两倍，没有明确的原因，因此看起来整个下拉列表没有正确对齐。

下拉列表可以在这里找到：fatumdemo.platonlearning.com。移动顶部菜单（蓝色）中的菜单项，您可以看到问题。

代码很长，所有人都在这里发布，但如果需要有关结构和 CSS 的更多信息，我很乐意发布它。

Answer 1

乔伊，

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

2) #navigation ul li .dropdown -----> 把 width:450px 改为 500px

3) #navigation ul li .dropdown ul -----> 放置 width:160px 或更高的值。

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

Answer 2

问题在于我使用li's 以外的元素作为 a 的子元素ul。与所有其他浏览器不同，Internet Explorer 显然不能容忍这种行为，并将其他元素视为列表项，因此我的下拉列表被放入 IE 中的错误列表项中。