私がやろうとしているのは、divに2つの列を含めることができるようにすることです。そのため、いつでも画像を挿入して、テキストを長辺にきれいに配置できます。
これが私のhtmlです:
<div id="content">
<div id="gallery">
<h1>Gallery</h1>
<div id="container">
<div id="imageleft">
<img src="images/pic1.jpg" width="150px" alt="Image" />
</div>
<div id="imageright">
test
</div>
</div>
<img src="images/pic2.jpg" width="150px" alt="Image" />
<img src="images/pic3.jpg" width="150px" alt="Image" />
<img src="images/pic4.jpg" width="150px" alt="Image" />
</div>
</div>
これが完璧に機能するJSFiddleです
そして、これが私が実際に見ているものの画像です。紫色のビットは左の50%になるはずです。(テキスト「テスト」は下に配置されます)。
検査すると、他の場所から幅を取得していることがわかります:@
希望するCSSの使い方。