小编Tor*_*ord的帖子

这是我的第一个问题,但我相信还会有更多的问题.我有一个小位置问题,我想知道它是否有可能实现.

我有一个<ul>带有浮动<li>s 的无序列表(),对于主要选项,我将它们向左浮动,对于接触和支持选项,我将它们向右浮动,到目前为止一切都很好.现在我有一个<span>内部<li>,我在水平列表下显示,列表是一个菜单.这些<span>作为菜单选择的描述和我使用的正常选项position:absolute; top:30px; left:0;可疑.现在我想改变那些我浮动的菜单项的位置属性,以便跨度得到position:absolute; top:30px; right:0;,这根本不起作用.似乎用一个更具体的css规则来改变它是不可能的,然而另一个,但浮动效果很好.

html:

<div id="menu">
<ul>
    <li>Menu1<span>Info1</span></li>
    <li>Menu2<span>Info2</span></li>
    <li class="support">Support1<span>Info3</span></li>
</ul>

css:

#menu{position:relative;}
#menu ul{list-style:none;}
#menu ul li{float:left;}
#menu ul li.support{float:right;}
#menu ul li span{display:none;}
#menu ul li:hover span{display:block; position:absolute; top:30px; left:0;}
#menu ul li.support:hover span{display:block; position:absolute; top:30px; right:0}

css的最后一行没什么区别!如果有人有答案或工作我非常感谢帮助.

问题得到解答,问题解决了 查看James Arons或mercator的帖子.