javascript - HTML中有没有办法设置水平绝对定位和垂直静态定位？

Question

我在视口(viewport)中绝对定位的站点中有数量可变的“小工具”。我将它们定位为“顶部”和“左侧”属性。这些小工具是用户可以通过将它们从一个小配置面板拖到视口(viewport)本身来任意添加的元素。当用户放下小工具时确定小工具的绝对位置。该位置保存在数据库中。

当我尝试生成打印布局并垂直展开小工具时出现问题。事实上，我想这样做是因为大多数小工具都是表格 (jqGrids)，我希望它们在可打印模式下比在正常屏幕模式下显示更多行。所以问题是，当我垂直扩展网格时，它们可能会重叠(几乎总是会重叠)。

期望的结果将是标题中的那个，保持左侧位置绝对和顶部静态。我不知道这个问题有什么直接的解决方案，有吗？

这是一种可能的安排(当gadget1和2展开时它们会重叠gadget3)

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

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

谢谢!

Answer 1

在打印样式表中使用 position: static 覆盖 position: absolute 并使用 margin-left: Npx 而不是 left: Npx 用于水平定位。