CSS 2张图片全宽一列

Question

我想使它看起来像在这样的画面：

我使用WordPress的，我还是没搞清楚如何使其整个宽度。

我希望你能帮助我。先谢谢你。

我现在所拥有的：

CSS左侧图片：

#parallax887 { 
    background: rgba(0, 0, 0, 0) url("http://www.kurzon.cz/wp-content/uploads/2015/10/2048x1536-orange-red-solid-color-background.jpg") repeat scroll 50% 0/cover ; 
    min-height: 350px; 
    position: relative; 
} 

右侧图片的CSS：

#parallax887 { 
    background: rgba(0, 0, 0, 0) url("http://www.kurzon.cz/wp-content/uploads/2015/10/2048x1536-orange-red-solid-color-background.jpg") repeat scroll 50% 0/cover ; 
    min-height: 350px; 
position: relative; 

Answer 1

似乎你 - 错误地 - 重复ated的风格为左&写图片。但无论如何，你可以做到这一点是这样的：

1. 给两个图像width: 50%;
2. 删除边距
3. 这里的技巧是消除白色的空间，从按下enter或space产生的图像之间第一个元素后

例如，你应该把你的图像像t他<img /><img />或

<img /><!-- 
commenting to escape white space 
--><img /> 

下面是代码

HTML

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Flag_of_Afghanistan_(1880%E2%80%931901).svg/2000px-Flag_of_Afghanistan_(1880%E2%80%931901).svg.png" id="first" /><!-- 
--><img src="http://www.kurzon.cz/wp-content/uploads/2015/10/2048x1536-orange-red-solid-color-background.jpg" id="second" />` 

CSS

#first, #second{ 
    width:50%; 
    min-height: 350px; 
    margin: 0px; 
} 

这里是一个fiddle。