我的代码一直有问题,我不知道为什么。该站点允许我向右滚动,就像我在那里有一些图像或其他东西一样,但我没有。为什么会这样?
我查看了边距,但没有找到任何东西。
body {
background-image: url('icon/background.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: 1439px 851px;
margin-top: 850px;
}
div.relative {
position: relative;
left: 255px;
bottom: 805px;
}
<body>
<div class="relative">
<img src="icon/folder.png">
</div>
</body>
最佳答案
div 是 width: auto
所以当它被渲染时,它会占用尽可能多的水平可用空间。
它也是position: relative
和left: 255px
,所以它从左边偏移了255像素。这不会影响它的大小(这是在应用定位之前确定的)。
由于它从文档的一侧伸出了将近 255 像素,因此添加了一个滚动条以便用户可以看到它。
如果你想给一个元素一个左边距,那就给它一个左边距。不要搞乱定位。
相对定位在与 left
、top
等组合时几乎没有用。它主要用于为元素的后代的绝对定位提供上下文。
关于html - 为什么该网站允许我向右滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55478942/