【问题标题】:CSS for mega menu in IE7IE7中大型菜单的CSS
【发布时间】:2012-04-15 03:59:52
【问题描述】:

http://jsfiddle.net/jN5G4/1/

5 列”菜单下拉菜单如何像其他下拉菜单一样对齐?

我从 5 列 列表项中删除了 <a href...> </a> 标记,现在从该项目下方下拉的下拉菜单下拉到主菜单上方。

【问题讨论】:

    标签: html css internet-explorer internet-explorer-7 cross-browser


    【解决方案1】:

    这是因为纯正文文本没有注册为块级元素,并且您的下拉菜单基本上与文本的顶部对齐。要解决此问题,只需将纯文本添加到块级元素中,例如 p 标记或将其包含在 span 标记中,只需确保将其显示为块,如下所示:

    CSS

    #menu li span {
      display:block;
    }
    

    HTML

    <li>
       <span>5 Columns</span>
    ....
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-08-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多