XHTML - Два числа с плавающей точкой: правильные делители друг на друга?

Question

Я хочу поставить два числа с плавающей запятой: правильные деления поверх друг друга.

Я пробовал положение: относительное;верх: -HEIGHTpx;но, похоже, он ничего не делает (очевидно, я не добавил 'ВЫСОТУ', я установил фактическую высоту

Не думаю, что в действительности есть намного больше необходимых деталей.

Хотявот атрибут стиля первого элемента:

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; float:right; font-family:arial; height:250px"

А второй:

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; z-index: 2; float:right;"

Поместить их внутрь друг друга было бы возможно, но мне нужно будет манипулировать левым: ___ px свойство с javascript, поэтому я бы предпочел оставить их как братьев и сестер.

Answer 1

Вы можете использовать position: absolute и z-index для обоих div.

Сначала добавьте к элементу CONTAINER (родителю ваших двух элементов div):

position: relative

Первый div: (удалено с плавающей запятой, поле справа, добавлена ​​абсолютная позиция и z-индекс)

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 1"

Второе деление: (удалено с плавающей точкой, поле справа, добавлена ​​абсолютная позиция и z-индекс)

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 2;"