如何让后面的边框不会随着窗口缩小而向下移动？

前4个星期开始学，但是这个响应式实在没搞懂

文章不会向下移动，但是后面那个背景边框那个会随着窗口缩小向下移动导致文章跳出来了

不知道这个怎么解。。

<div class="content_bg">
        <div class="banner">
            <div class="content">
                <h2>Meer</h2>
                <p>
                    文章
                </p>
            </div> 
        </div>    
        <div class="banner_2">
            <div class="content_2">
                <h2>Landfläche</h2>
                <p>
                    文章
                </p>
            </div>
        </div>
    </div>

我的是这样，不太清是不是这样写

.content_bg {
    width: 100%;
    height: 1500px;
    position: relative;
    top: 1000px;
    margin: 0 auto;
    z-index: 8;
    border: 2px solid #000000;
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
    
}

可以贴出样式的代码，大家帮你分析

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632