Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Can';不要在我的网页上滚动_Css - Fatal编程技术网

Css Can';不要在我的网页上滚动

Css Can';不要在我的网页上滚动,css,Css,我是HTML/CSS的初学者,我遇到了一个对我来说很奇怪的问题。不记得我开始学习的时候有过这个问题。然而,问题是当我调整浏览器窗口的大小时,我无法滚动。她的密码是: <!DOCTYPE html> <html> <head> <body> <img id="pic" src="http://0.tqn.com/f/lg/a154.png"/> <style> #pic { position: fixed; left: 106

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

#图片{
位置:固定;
左:1060px;
顶部:150px;
右:300px;
底部:658px;
}
我把图片的位置放在左边和右边,因为这是我知道的将图片固定在一个特定位置的唯一方法。我尝试了自动,但当我调整浏览器大小时,图片会移动。
感谢您花费的时间和精力

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

因此,将其视为从页面主体中删除了绝对元素

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

你有两个选择。或者不要使用绝对定位,而是使用css布局将图像放置在适当的位置

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


第一种选择更适合现代社会,也更适合面向未来的网站

我认为这是一个解决方案:
;正文{最小宽度:800px;最小高度:600px;}图片{位置:绝对;左侧:100px;顶部:100px;}图片2{位置:绝对;左侧:300px;顶部:100px;}