HTML - Размещение элементов управления поверх друг друга

Question

Я пытаюсь понять, как разместить элементы управления друг над другом в HTML.

Например. Я пытаюсь разместить 2 ярлыка поверх друг друга. а также я пытаюсь поместить текстовое поле в раскрывающийся список.

Возможно ли это вообще?

Спасибо.

Answer 1

Установите ваши элементы на position:absolute (в контейнере, который установлен на position:relative).Затем установите z-index элементов, которые должны быть ниже других элементов, на меньшее целочисленное значение.Например, внутри контейнера абсолютно позиционированный элемент с z-индексом 1 будет отображаться под элементом с z-индексом 2. Обратите внимание, что в потоке документа есть естественный z-индекс:которые появляются в разметке до , остальные элементы будут идти ниже более поздних элементов, все вещи равны.

Answer 2

использование css является правильным выбором, но если вам нужно только расположить элементы управления, вы можете создать таблицу и поместить их в ячейки таблицы так, как вам нравится.

Answer 3

Вы можете использовать позицию CSS, чтобы сделать это