1

我对 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>

当我重新调整窗口大小时，我想必须滚动才能看到你好

4

2 回答 2

1

如果您希望它保持在固定位置，则必须给 div 一个左距离。

尝试添加：

left: 1500px;

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

希望这可以帮助！

于 2013-08-28T23:55:59.690 回答
0

尝试将位置更改为固定。

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

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

#testxt
{
    position: fixed;
    bottom: 10px;
    right: 20px;
}
于 2013-08-29T00:21:41.517 回答