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

时间:2013-08-28 23:40:49

标签: html css

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

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

2 个答案:

答案 0 :(得分:1)

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

尝试添加:

left: 1500px;

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

希望这有帮助!

答案 1 :(得分:0)

尝试将位置更改为固定。

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

即使滚动窗口,它也不会移动:

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