html - 是否可以在不使用 CSS float 的情况下并排放置两个 div 元素？

Question

当我使用 CSS float 在页面上并排放置两个元素时，我一直发现 IE 和 Firefox 会做一些奇怪的事情让我感到惊讶。

是否可以在不使用 CSS float 的情况下在网页上并排放置两个 div？

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