如何在不使用定位的情况下使两个div彼此相邻？

Question

我正在为我的新网站编写一个代码但是当我制作两个div时，它们应该在彼此旁边，一个在另一个下面。我试过像这样的定位：

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

但在certian浏览器上，一切都变得混乱。这是我的代码，我试图在左边“左”，右边是“main”。

    <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>

请尽快帮助！谢谢:)）

Answer 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彼此相邻。