一列中的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

似乎你 - 错误地 - 重复了左派和左派的风格。写图像。但无论如何你可以这样做：

1. 同时提供两张图片width: 50%;
2. 删除边距
3. 这里的诀窍是删除第一个元素之后按enter或space所产生的图像之间的空格

例如，你应该像这样放置你的图像 <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。