即7不适用于CSS内联块或修复

Question

我知道这已被问过一百万次了,但我所尝试过的一切都没有解决问题.我正在做一个漂亮的<select>类型的东西.我基于常见的CSS下拉导航菜单(使用嵌套的<ul>s和<li>s,只需进行一些调整.其中一个调整是我需要它来显示内联(没有浮动它,因为它超过了任何其他元素)与它相同的行,我不想浮动它周围的其他所有东西).我已经在浏览器中运行良好,除了7(可能更低,但我不需要低于ie7的任何东西)这是代码:http://jsfiddle.net/ralokz/hjDVS/2/

如果你在任何非ie7浏览器中查看它,它看起来像我想要它:

但是如果你在ie7中看它,它看起来像这样:

我看到的内联块修复的一个站点是:http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/.这适用于ie8,但不幸的是ie7仍然看起来不正确.

有没有其他方法来修复ie7的内联块？或者,是否有CSS替代方案以确保第二级别<li>始终与第一级别垂直对齐<li>？谢谢!

Answer 1

position:relative;添加： div.dropdown ul li，去掉边距div.dropdown ul li ul并设置它的top:25px, left:-1px;, width:100%; 最后，设置div.dropdown ul li ul li删除margin:0;左右填充，并设置width:100%...

我可能错过了一些东西，但这是一个工作示例：http ://jsfiddle.net/hjDVS/7/

我认为你真正的问题是绝对定位ul