Вопрос

Имейте таблицу и несколько элементов 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:и влево:не поле-верх:и поле слева:поскольку вы не используете их по назначению.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top