Question

我在css下拉菜单中遇到了一些问题。除了IE8（以及可能的其他版本的IE）之外，它在所有浏览器中都能正常工作。

滚动教师或计划下拉菜单时出现。在IE中它被截止，因为它超出了最顶层的父div #main_menu。我通过在该div上设置overflow:auto来实现这一点，并创建了一个滚动条，我可以看到其余的下拉列表。我尝试将position:absolute添加到下拉列表以及position:relative添加到下拉列表的第一个父项<li>，但这似乎没有帮助。

该网站可在此处查看：http://www.yogalivelink.com

Answer 1

您的网站在IE7 / 8中运行良好 - 我没有看到问题。此外，标记不应再用于布局。当你在页面上有下拉菜单或模态UI时，你不应该使用溢出隐藏。

如果你需要溢出：隐藏用于浮动清除目的，请使用.clearfix hack

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

Clearfix来源：http://nicolasgallagher.com/micro-clearfix-hack/

您的<div class="menu">已被浮动折叠，因此请使用此类清除浮动。

IE 8下拉菜单问题

1 个答案: