0

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

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

但是在某些浏览器上，一切都变得混乱了。这是我的代码，我试图让“左”在左边，“主”在它的右边。

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