【发布时间】:2012-04-15 03:59:52
【问题描述】:
“5 列”菜单下拉菜单如何像其他下拉菜单一样对齐?
我从 5 列 列表项中删除了 <a href...> </a> 标记,现在从该项目下方下拉的下拉菜单下拉到主菜单上方。
【问题讨论】:
标签: html css internet-explorer internet-explorer-7 cross-browser
“5 列”菜单下拉菜单如何像其他下拉菜单一样对齐?
我从 5 列 列表项中删除了 <a href...> </a> 标记,现在从该项目下方下拉的下拉菜单下拉到主菜单上方。
【问题讨论】:
标签: html css internet-explorer internet-explorer-7 cross-browser
这是因为纯正文文本没有注册为块级元素,并且您的下拉菜单基本上与文本的顶部对齐。要解决此问题,只需将纯文本添加到块级元素中,例如 p 标记或将其包含在 span 标记中,只需确保将其显示为块,如下所示:
CSS
#menu li span {
display:block;
}
HTML
<li>
<span>5 Columns</span>
....
【讨论】: