我想在DIV元素内并排放置两个任意图像,这个图像正好是800像素宽(宽度= 800像素).图像的宽度和高度也可以是各种尺寸.有时宽度大于高度,有时宽度小于高度.我将两个图像放在div元素中,第三个div放在div元素中.我尝试了这段代码,但无法正常工作.我该怎么办？JSFiddle:http://jsfiddle.net/gUT43/
<!DOCTYPE html>
<html>
<head>
<style>
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
div {
display: inline-block;
white-space: nowrap;
}
</style>
</head>
<body>
<div style="max-width: 800px; border:2px black solid">
<div style="height: auto; border:1px green solid"">
<img src=http://i.imgur.com/Xt6vUQD.jpg>
</div>
<div style="height: auto; border:1px blue solid"">
<img src=http://i.imgur.com/BqFMNlq.jpg >
</div>
</div>
</body>
</html>
在我看来，您可能想要浮动：保留包含图像的 div，然后在这些元素后面添加另一个 div 以清除浮动。
您的代码的 JSFiddle 会非常好，这样我们就可以更有效地提供帮助:)