Абсолютная путаница

Question

У меня есть контейнер div, и его нужно позиционировать как относительный. Внутри этого дивана у меня есть стол. Я хочу отобразить элемент внутри одной из ячеек таблицы как абсолютный относительно содержащейся ячейки, но он позиционируется относительно контейнера div (я думаю).

См. this jsFiddle.

Как я могу настроить это так, чтобы элемент располагался относительно td?

Answer 1

Сделать позицию TD: относительной.Абсолютные элементы всегда расположены относительно их ближайшего относительного родителя.

Поскольку таблицы и связанные с таблицами элементы могут быть странными утками в мире элементов HTML из-за их уникального поведения, может быть более надежным просто добавить внутреннийОберните DIV вокруг всего содержимого TD и сделайте этот DIV относительным.

Answer 2

делает контейнер и ячейку относительными, затем присваивают абсолютное значение td.

Answer 3

Это будет работать, если вы сделаете позицию td: относительной.Смотрите здесь: http://jsfiddle.net/u6WHH/6/

Answer 4

Вы можете позиционировать div только относительно его родителя TD, если его родитель TD также расположен (абсолютный или относительный). В этом случае, поскольку вы имеете дело с TD, вам нужно просто установить его на position: relative.

См. Ответ в этом jsfiddle .