css - Div background-image 有 x Scroll 我需要删除

Question

我有一个应该有背景图像的 div。图像分辨率很高，我需要它来获取屏幕尺寸视口(viewport)的宽度/高度。上下滚动就OK了。

问题是我正在向右/向左滚动，我需要将其删除以便图像填满整个屏幕而没有任何 x 滚动。我放了 overflow-x:hidden; 但滚动仍然存在。甚至 overflow:hidden; 也没有成功。

#bgImg{

background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("images/header.jpg");
background-size: cover;
background-position: center;
/* background-repeat: no-repeat; */
height: 100vh;
max-width: 100vw;
overflow-x:hidden;
/* padding-bottom: 30px; */
}

Answer 1

您需要从 body 元素中移除 margin/padding 并在 parent container 而不是具有背景的元素上应用 overflow 属性(如果需要):

body {
    margin:0;
    padding:0;
}