5

正確に幅 800 ピクセル (幅 = 800 ピクセル) の DIV 要素内に 2 つの任意の画像を並べて配置したいと考えています。画像は幅や高さなど、さまざまなサイズにすることができます。幅が高さよりも大きい場合もあれば、幅が高さよりも小さい場合もあります。両方の画像を div 要素内に配置し、両方を含む 3 つ目の 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>
4

4 に答える 4

1

フロートしたいようです: 画像を含む div を残してから、それらの要素の後に別の div を追加してフロートをクリアします。

コードの JSFiddle は優れているため、より効率的な方法で支援できます:)

于 2013-06-08T01:48:25.173 に答える