Одна таблица и несколько позиций div
-
12-09-2019 - |
Вопрос
Имейте таблицу и несколько элементов div.Таблица — это временная сетка, а элементы div — это события, которые могут занимать каждую позицию относительно таблицы сверху вниз, в зависимости от времени.
Смотрите скриншот: альтернативный текст http://img687.imageshack.us/img687/4348/margintop.png
Поэтому, чтобы сделать поле-верх для div правильным, я указываю его как отрицательное, потому что эти элементы div позиционируются относительно таблицы.
Но в некоторых случаях они расположены относительно друг друга и муть некорректна.
Итак, как сделать, чтобы эти позиции div были относительно начальной точки экрана, а таблица была фоном, например.чтобы указать «очень» отрицательный z-индекс.
Итак, вопрос в том, как сделать, чтобы таблица не влияла на положение элементов div.
Примечание:абсолютная позиция для div неприемлема, поскольку при прокрутке таблица прокручивается, а div фиксируется.
Упрощенный пример таблицы HTML (в порядке):
<table cellspacing="0" cellpadding="0" style="margin: 0pt; padding: 0pt; width: 100%;">
</table>
div:
<div style="height: 118px; margin-left: 38px; margin-top: -94px; width: 48%;"></div>
Решение
Вы можете абсолютно расположить div относительно.
Это включает в себя установку позиции: относительной в таблице, затем вы можете установить позицию: абсолютную для содержащихся элементов div, они затем будут прокручиваться вместе с таблицей, и это более надежный способ установки местоположения элементов div, который будет лучше работать в браузерах.
РЕДАКТИРОВАТЬ:После того, как вы установили позицию:абсолютно, вы хотите использовать top:и влево:не поле-верх:и поле слева:поскольку вы не используете их по назначению.