Question

我使用java开发基于Web的应用程序系统。当我设计页面时，我必须使用某些元素的position属性来定制页面中的位置，如：

<table style="position: absolute;top: 100px;">

当我更改pc的分辨率时，元素的位置会发生变化。任何建议使元素的位置固定感谢

Answer 1

尝试：

position: fixed

已修复：元素相对于浏览器窗口定位

Answer 2

更多细节？据我所知，你的桌子会移动，因为100px可能会更小或更大，具体取决于分辨率。您可以尝试使用其他单位，例如“5％”或“em”，根据分辨率，它们会少一些。

Answer 3

使包含table的元素具有position:relative。然后绝对定位的元素将相对于它的父元素定位。

示例：

<body>
    <div id="wrapper" style="position:relative; width:100%; height:100%;">
        <table style="position:absolute;top:100px;">
            <tr>
                <td>...
            ...
        </table>
    </div>
</body>

html的屏幕分辨率问题

3 个答案: