0

私は新しいウェブサイトのコードを書いていましたが、隣り合っているはずの2つのdivを作成すると、一方が他方の下に表示されます。私はこのようなポジショニングを試しました：

    position: absolute; top:20px; left:20px;

しかし、certianブラウザーでは、すべてが混乱します。これが私のコードです。左側に「左」、右側に「メイン」を配置しようとしています。

    <div  id="left" style="background-image:url(bg2.png); width: 326px; position: relative; z-index: -10;" ><img src="aldesign.png">
    <br>
    <img src="home.png" onmouseover="this.src='home2.png'" onmouseout="this.src='home.png'" />
    <br>
    <img src="about.png" onmouseover="this.src='about2.png'" onmouseout="this.src='about.png'" />
    <br>
    <img src="contact.png" onmouseover="this.src='contact2.png'"onmouseout="this.src='contact.png'" />
    <br>
    <br></div><div id="main" style="background-image:url('bg3.png');  background-repeat:repeat; width:924px; height: 522px; float: right;">
    </div>

できるだけ早く助けてください！ありがとう ：）

4

1 に答える 1

1

これは仕事をするはずです

<div id="wrapper" style="width:100%">
   <div id="left" style="float:left; width:50%">
   </div>
   <div id="right" style="float:left; width:50%">
   </div>
</div>

これにより、両方の div が互いに隣接したままになります。

于 2013-01-09T16:49:40.200 に答える