CSS：如何将 2 个宽度为 50% 的图像彼此相邻放置？

【问题标题】：CSS: How to place next to each other 2 images with 50 % width?CSS：如何将 2 个宽度为 50% 的图像彼此相邻放置？
【发布时间】：2014-11-23 23:29:37
【问题描述】：

我想将两个未指定高度和宽度的图像彼此相邻放置 50% 的页面。它们应该处于相同的高度，并且它们应该随着用户更改浏览器窗口的宽度而调整大小。在不使用position: fixed;或position: absolute;的情况下如何在CSS中做到这一点？

【问题讨论】：

【解决方案1】：

只需在 CSS 中给他们width: 50%。这些图像是内联块，并且会很好地彼此相邻，只要确保它们之间没有空格：

img {
    width: 50%;
}

<img src="http://upload.wikimedia.org/wikipedia/commons/7/70/Example.png"><img src="http://upload.wikimedia.org/wikipedia/commons/7/70/Example.png">

【讨论】：