2010-09-25 32 views
0

使用嵌套无序列表创建一个非常简单的HTML/CSS下拉导航。Internet Explorer 7下拉列表中的奇怪行为

适用于Firefox,Chrome,IE8,但在IE7中,子导航并不位于父级之下,而是位于父级之下。

举一个例子和HTML/CSS看看这里http://webfe.omega.studiocoast.com.au/

我难倒!

+0

请独自离开IE7。这是非常不安和越野车。与你的工作交谈IE8。我说RIP IE7。 – Kangkan 2010-09-25 07:52:17

+0

我同意IE7是越野车和无用的,但是考虑到很大一部分用户仍然使用它,很遗憾在设计过程中不能忽略 – timothyclifford 2010-09-25 07:55:37

+0

不支持IE7是鼓励人们升级的好动力:) – 2010-09-25 08:02:56

回答

1

IE浏览器被position: absolute浮动内部与auto布局混淆。在母公司(浮动)li上设置.sub_navposition: relative的明确left: 0以避免这种情况。

(是float: left; display:inline-block;故意的,解决一些其它的错误还是什么?它本身并不意义。)

+0

完美!非常感谢:)而浮动和内联块是我试图攻破另一个bug哈哈 – timothyclifford 2010-09-25 10:00:11