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

Question

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

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

想要的结果将是标题中的结果，保持左侧位置绝对和顶部静止。我不知道这个问题的任何直接解决方案，有吗？

这是一种可能的排列方式（当 gadget1 和 2 展开时，它们将与 gadget3 重叠）

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

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

谢谢！

Answer 1

在您的打印样式表中用position: static 覆盖position: absolute，并使用margin-left: Npx 代替left: Npx 进行水平定位。