是否可以并排放置两个div元素而不使用CSS float？

Question

当我使用CSS float将两个元素并排放在页面上时,我一直发现IE和Firefox会让我感到惊讶.

是否可以在网页上并排使用两个div而不使用CSS浮点数？

<div id='div1'>
<p> div1 p1 </p>
<p> div1 p2 </p>
</div>
<div id='div2'>
<p> div2 p1 </p>
<p> div2 p2 </p>
</div>

Answer 1

你可以用绝对定位来做.

<div id="container">
<div id='div1'>
<p> div1 p1 </p>
<p> div1 p2 </p>
</div>
<div id='div2'>
<p> div2 p1 </p>
<p> div2 p2 </p>
</div>

并示例CSS.

#container {
position: relative;
width: 800px;
}
#div1, #div2 {
position: absolute;
width: 400px;
}
#div1 {
left: 0;
}
#div2 {
left: 400px;
}