html - 为什么该网站允许我向右滚动?

标签 html css

我的代码一直有问题,我不知道为什么。该站点允许我向右滚动,就像我在那里有一些图像或其他东西一样,但我没有。为什么会这样?

我查看了边距,但没有找到任何东西。

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: relativeleft: 255px,所以它从左边偏移了255像素。这不会影响它的大小(这是在应用定位之前确定的)。

由于它从文档的一侧伸出了将近 255 像素,因此添加了一个滚动条以便用户可以看到它。


如果你想给一个元素一个左边距,那就给它一个左边距。不要搞乱定位。

相对定位在与 lefttop 等组合时几乎没有用。它主要用于为元素的后代的绝对定位提供上下文。

关于html - 为什么该网站允许我向右滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55478942/

相关文章:

php - 信息未提交到数据库

css - 文字没有出现在 Safari 中?

html - 导航栏元素移动

javascript - PDF 文件无法在 iframe 标签内的移动设备上正确显示/调整大小

html - CSS有序列表,有没有办法设置数字背景的样式?

html - 如何使用 CSS 制作圆形扇形

html - 将 Instagram API 用于简单网页

html - 最大高度 - 按比例拉伸(stretch) - 不收缩 - 以适应容器,这可能吗?

html - Bootstrap 4.0 - 带有图像 + 导航栏 + 全高主体的响应式标题

html - 在 Agency-Bootstrap 4 主题中居中导航栏