Question

我对html / css相当新，并尝试构建一个简单的网页，但是当我重新调整浏览器窗口大小时，元素会不断变化。例如，如果我在屏幕的右下角有文本，并且我使我的浏览器窗口有屏幕，我想要向右滚动也能够再次看到文本。这是我的代码不能按我的方式工作：

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>Test</title>
        <style>
            body {
                min-width: 960px;
                min-height: 960px;
            }
            #testxt {
                position: absolute;
                bottom: 10px;
                right: 20px;
            }
        </style>
    </head>

    <body>
        <div id="wrapper">
            <div id="testxt">Hello</div>
        </div>
    </Body>

</html>

我想在重新调整窗口大小时滚动查看问号

Answer 1

如果你希望它留在固定的地方，你必须给div留一个距离。

尝试添加：

left: 1500px;

现在，在调整窗口大小时，div不会水平改变位置。要垂直地做同样的事情，你也必须设置一个顶部。

希望这有帮助！

Answer 2

尝试将位置更改为固定。

具有固定位置的元素相对于浏览器窗口定位。

即使滚动窗口，它也不会移动：

#testxt
{
    position: fixed;
    bottom: 10px;
    right: 20px;
}

调整窗口大小时，保持网页内容不会移动

2 个答案: