無法在我的網頁上滾動

我是HTML/CSS的初學者，我遇到了一個對我來說很陌生的問題。不記得我開始學習時遇到了這個問題。不過，問題在於，當我調整瀏覽器窗口大小時，我無法滾動。她是代碼：無法在我的網頁上滾動

<!DOCTYPE html> 
<html> 
<head> 
<body> 
<img id="pic" src="http://0.tqn.com/f/lg/a154.png"/> 
<style> 
#pic { 
position: fixed; 
left: 1060px; 
top: 150px; 
right: 300px; 
bottom: 658px; 
} 
</style> 
</body> 
</head> 
</html>

我把圖片的位置放在左側和右側，因爲這是我知道將圖像固定在一個特定位置的唯一方法。我嘗試了自動，但是當我調整瀏覽器大小時，圖片會移動。謝謝你的時間和精力

來源

2013-09-30 Slit

我認爲這可以解決：'<！DOCTYPE html>; ; ' – Slit

好吧，我認爲你的問題是，當你將一個元素定位爲絕對的，它會將它從文檔流中移除。

所以認爲它就像絕對元素從頁面主體中移除一樣。

頁面的正文始終是瀏覽器的100％寬度。您的圖片位於瀏覽器視圖端口之外。

你有兩個選擇。要麼不使用絕對定位，而要使用css佈局將圖像放在適當的位置。

或者您可以將瀏覽器的寬度設置爲您需要的寬度，例如： 1200px

第一種選擇對於現代人來說更好，並且可以做更多面向未來的網站。

來源

2013-10-01 18:57:20 laymanje

無法在我的網頁上滾動

回答

相關問題