在重新调整浏览器窗口大小时，Div不会保持原位并向上移动

Question

我是网页设计的新手，我正在创建一个网页，我在页面底部创建一个条带，当浏览器窗口最小化时，该网页会向上移动。最小化时我根本不会看到它。任何建议将不胜感激。我没有发布所有的HTML代码，而是在这里发布了链接：http://52.8.135.18/~lrodrig6/about.html。这是条带的CSS：

div.stripe {
width:100%;
height:9.375em;
position: absolute;
//top:0;
left:0;
bottom: 5.9375em;
background-image: url("space.jpg");
border-top-style: solid;
border-bottom-style: solid;
border-top-color: whitesmoke;
border-bottom-color: whitesmoke;
z-index: -1;
}

Answer 1

如果我理解正确，你想在屏幕很小的时候摆脱这条线？

@media (max-width: 320px) { 
    div.stripe { display: none; }
}

如果屏幕为320或更小，上面的代码将使div.stripe不可见。将320更改为您想要的任何大小。