Проблема с позицией CSS: родственник с положением: абсолютные дети - PullRequest
1 голос
/ 18 февраля 2010

Обычно такие вещи я могу сделать, но сегодня меня это беспокоит.

См. эту страницу в JSbin.

По сути, я делаю

  • есть список неупорядоченных предметов
  • все они имеют ссылку
  • jQuery просматривает и создает дополнительную ссылку внутри элемента списка, которая расширяется до всего элемента списка с помощью CSS
  • это дает пользователям больше места для нажатия

По какой-то причине дочерняя ссылка кажется исходящей от родителя, несмотря на то, что родитель имеет position: relative.

Что я сделал не так? Большое спасибо.

Ответы [ 2 ]

2 голосов
/ 18 февраля 2010

Я удалил display: -moz-inline-box;, и он работал отлично!

2 голосов
/ 18 февраля 2010

Ваша проблема в том, что родительский элемент <li> является встроенным полем.

Чтобы исправить это, замените display: inline-box на float: left.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...