Есть ли способ в HTML, чтобы установить горизонтальное абсолютное позиционирование и вертикальное статическое позиционирование? - PullRequest
1 голос
/ 11 марта 2011

У меня есть переменное количество "гаджетов" на сайте, абсолютно позиционированном в области просмотра.У меня они расположены с верхними и левыми свойствами.Эти гаджеты являются элементами, которые могут быть произвольно добавлены пользователями путем перетаскивания их из небольшой панели конфигурации в само окно просмотра.Абсолютная позиция гаджета определяется, когда пользователь удаляет гаджет.Эта позиция сохраняется в базе данных.

Проблема возникла, когда я попытался сгенерировать макет печати и развернуть гаджеты по вертикали.На самом деле я хочу сделать это, потому что большинство гаджетов являются таблицами (jqGrids), и я хочу, чтобы они отображали больше строк в режиме печати, чем в обычном режиме экрана.Так что проблема в том, что когда я расширяю сетки по вертикали, они могут перекрываться (почти всегда они перекрываются).

Желаемым результатом будет тот, который указан в заголовке, оставьте левую позицию абсолютной и верхнюю статическую.Я не знаю простого решения этой проблемы, есть ли?

Вот возможное расположение (когда гаджет 1 и 2 развернуты, они будут перекрывать гаджет3)

    +---------+
    |         |       +--------------------------------+
    |    1    |       |                                |
    +---------+       |                2               |
                      +--------------------------------+

            +------------------+
            |        3         |
            +------------------+

Спасибо!

1 Ответ

1 голос
/ 11 марта 2011

Переопределите position: absolute с помощью position: static в таблице стилей печати и используйте margin-left: Npx вместо left: Npx для горизонтального позиционирования.

...