IE 浮动元素不能完美显示

【问题标题】：IE floated elements doesn't show perfectlyIE 浮动元素不能完美显示
【发布时间】：2012-06-10 06:00:52
【问题描述】：

我正在使用Superfish jQuery plugin 创建多级下拉菜单。但我在IE6/7 中遇到了一些可怕的问题。 lis 浮动到右侧并在 Firefox 中显示在一行中（没问题），但在 IE 中，第一个（不包含链接 (a) 标记）显示在右侧，其他显示在左边（2/3 行）一段代码：

我该怎么办？提前谢谢...

【问题讨论】：

【解决方案1】：

那是因为您有 display: block 用于顶部列表的 A 元素。您只需要删除它并为您的其他“菜单级别”元素添加该属性。像这样的：

.menulevel1 a{color:#fff;position:relative;}

.menulevel1 li ul a{display:block;width:100%;background:#ccc;border:1px solid #000;padding:4px 5px;}

【讨论】：