Html / CSS：图像占据屏幕的一半

Question

我想创建一个大图像在屏幕上占据一半的网页，如下所示：

我怎样才能用 CSS 做到这一点？

Answer 1

尝试这样的事情？(2 格)

#leftHalf {
   background: url(bg-1.jpg);
   width: 50%;
   position: absolute;
   left: 0px;
   height: 100%;
}

#rightHalf {

   width: 50%;
   position: absolute;
   right: 0px;
   height: 100%;
}

干杯。