如何通过CSS扩展页面的长度

Question

我想扩展页面的长度，但我不完全确定如何扩展。截至目前，我在网页上有一张照片。在图片的底部，我想再放一个。然而，当我在代码中插入一个新图片时，由于级联样式表，它与现有图片重叠。

.background-pic .number-1 {
background-image:   url('../resources/images/hoth4.jpg');
background-repeat:  no-repeat;
background-size:    109%;
height: 930px;
position:           fixed;
width: 100%;
background-color:   white;
z-index:            1;
}
.background-pic .number-2 {
background-image:   url('../resources/images/hoth2.jpg');
background-repeat:  no-repeat;
background-size:    109%;
height: 930px;
position:           fixed;
width: 100%;
background-color:   white;
z-index:            1;
}

Answer 1

删除position:fixed

并添加

.background-pic [class^=number]{
     display:block;
     clear:both
}