如何在相对div（html / css）内改变绝对位置

Question

我不知道怎么说这个问题，但我会尝试通过代码解释

<ul>
 <li><span>1</span><li>
 <li><span>2</span><li>
 <li><span>3</span><li>
 <li><span>4</span><li>
</ul>

ul{ width:90px}
ul li{width:30px; float:left; position:relative;}
ul li:hover span{ position:absolute; width:60px;}

现在，当您将鼠标悬停在列表1上时，其跨度将覆盖列表2，列表2将覆盖列表3.一旦您将鼠标悬停在第三个列表上，其跨度将覆盖ul元素。那么有没有办法让第三个跨度从右向左扩展？所以目前跨度起点（据我所知）是列表的左上角。有没有办法让它从右边开始。所以额外的30px向左扩展，而不是向右扩展？

由于

Answer 1

首先，你错误地关闭了LI标签。我执行与你的相同的代码。但是当我徘徊任何跨度没有发生任何事情并且它是正常和正确的。我认为你的意思是像jquery accordian插件或者舔那些东西.maybe你可以用这个问题用jquery代替css。如果你需要它的代码注释me.good运气