Как можно изменить абсолютную позицию в относительном 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;}

Теперь, когда вы наводите курсор на первый список, его диапазон будет охватывать список 2, иlist 2 будет охватывать список 3. Как только вы наведете курсор на третий список, его span будет проходить над элементом ulТак есть ли способ сделать третий пролёт справа налево?Так что на данный момент отправной точкой пролета (насколько я понимаю) является левый верхний угол списка.Есть ли способ, чтобы это началось справа?Таким образом, дополнительные 30 пикселей расширяются влево, а не вправо?

Спасибо

Answer 1

Во-первых, вы неправильно закрыли тег LI. Я выполняю тот же код, что и ваш. Но когда я накрыл любой промежуток, ничего не произошло, и это регулярно и правильно. Вы можете сделать это с помощью jquery вместо css в этом выпуске. Если вам нужен код комментария me.good luck