HTML/CSS:图像占据屏幕的一半 [英] Html / CSS : image taking half of the screen

问题描述

我想创建一个大图像的网页，像这样在屏幕上占一半:

I would like to create a webpage with a big image taking half on the screen like this :

如何使用CSS做到这一点?

How can i do this with CSS ?

推荐答案

尝试类似的方法吗?(2格)

Try something like this? (2 divs)

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

#rightHalf {

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

干杯.

这篇关于HTML/CSS:图像占据屏幕的一半的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！