1

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

我将图片的位置放在左右两侧，因为这是我知道将图像固定在一个特定位置上的唯一方法。我试过自动，但是当我调整浏览器大小时图片会移动。感谢您的时间和精力

4

1 回答 1

1

好的，我认为您遇到的问题是，当您定位一个绝对元素时，它会将其从文档流中删除。

因此，可以将其想象为从页面主体中删除绝对元素。

页面的正文始终是浏览器的 100% 宽度。您的图像位于浏览器视口之外。

你有两个选择。要么不使用绝对定位，而是使用 css 布局将图像放在正确的位置。

或者您可以将浏览器的宽度设置为您需要的宽度，例如 1200px

第一个选项更适合现代和面向未来的网站。

于 2013-10-01T18:57:20.973 回答