html - 如何在 HTML 中扩展 CSS 样式，以便在浏览器中查看时它出现在整个页面中？

Question

我想将我的 div 扩展到网络浏览器的整个页面。当我滚动到页面的右侧时。 div 样式切断。

.div3{
        background-image: url('images.jpeg');
        background-repeat: repeat-x;
        background-attachment: scroll;
    }

预期的输出应该显示带有向右延伸的 div 样式的网页。

expected output

Answer 1

你可以试试把div放在后面固定的位置:

-z-index 中的其他内容大于 div(例如，z-index 中的 div:0 和其他 z-index:1)。

-然后将这些 css 样式放在 div 中:

position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;

既然你说的是整个页面，我用 vw 和 vh 来指定大小，但如果不是整个页面，你将不得不改变一堆东西:

-比如将大小放在父 div 的百分比中。

-位置不同(div 位置，因为我认为 fixed 是绝对的，但不会随滚动移动)。