保持窗口大小调整后页面内容不移动

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

我想有滚动过去一看，打招呼，当我重新大小的窗口

来源

2013-08-28 user2158720

我不能让你的问题清楚你能使其更清晰的 – ShapCyber

你必须给一个DIV左边的距离，如果你想让它留在一个固定的地方。

尝试增加：

left: 1500px;

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

希望这有助于！

来源

2013-08-28 23:55:59

谢谢你无法相信我没明白这一点上我自己的。 – user2158720

尝试将位置更改为固定。

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

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

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

来源

2013-08-29 00:21:41

保持窗口大小调整后页面内容不移动

回答

相关问题