1

ページには、互いに隣接する 2 つの div があります。ブラウザのサイズを変更すると、div の 1 つが他の div と重なります。私が望むのは、両方を表示するのに十分なスペースがない場合に、div の 1 つを下 (他の div の下) に移動することです。cssを使用して実現できますか？どのように？

本体:

<div id="container">
   <h1 align="center">Title</h1>

   <div id="image1">
        <img src="back1.png" alt="a" />
   </div>

   <div id="image2">
       <img src="back2.png" alt="b" />
   </div>
</div>​

CSS

#container {position: relative; height:800px; width: 720px; background: #f0f0f0;}        
#container #image1 {position: absolute;  top: 10%; left: 0;}​
#container #image2 {position: absolute;  top:0;  right:0;}​
4

1 に答える 1

1

コードを投稿していませんが、相対位置または絶対位置を使用してdivを配置することで、divのスタイルを設定していると思います。これにより、divがオーバーラップします。代わりdisplay:inline-block;に、必要な方法で隣接するdivを作成するために使用します。

私が言っていることの例については、ここをクリックしてください。ブラウザのサイズを変更して、動作することを確認してください。

この例はあなたが意味することの詳細ですか？フロートを使用しました。

于 2012-08-04T06:05:51.513 に答える