保持窗口大小調整後頁面內容不移動

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

保持窗口大小調整後頁面內容不移動

回答

相關問題