我是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>
我将图片的位置左右放置，因为这是我知道将图像固定在一个特定位置的唯一方法。我试过自动，但是当我调整浏览器大小时图片会移动。 感谢您的时间和精力
答案 0 :(得分：0)
好吧，我认为你遇到的问题是当你将一个元素置于绝对位置时，它会将它从文档流中移除。
因此，请将其视为从页面正文中删除绝对元素。
页面正文总是100％宽度的浏览器。您的图像位于浏览器视图端口之外。
你有两个选择。或者不使用绝对定位并使用css布局将图像放在适当的位置。或者您可以将浏览器的宽度设置为您需要的宽度，例如1200px
第一种选择对于现代和更多面向未来的网站来说更好。