内联div包装

Question

我有两个并排的内联div，宽度为400px。

当浏览器调整为小于800px宽度时，第二个div会包装并重叠第一个。我希望它们与添加到浏览器窗口的水平滚动条并排放置。我尝试过造型主体和带有空格的div：nowrap。有什么想法吗？

Answer 1

尝试将它们包装在宽度为800px的div中。

Answer 2

我是个白痴。应该是白色空间：nowrap。感谢您的建议......

Answer 3

您可能还需要为父div设置最小宽度样式

Answer 4

<div style='position:absolute; top:0; left:0; width:400px; 
 height:250px; background-color:yellow; ' >
</div>

<div style='position:absolute; top:0; left:401px; width:400px; 
 height:320px; background-color:red; '>
</div>   

http://zequinha-bsb.int-domains.com/side-by-side.html

EDIT: Bare in mind that absolute positioning requires parent to have 
position:relative explicit

Answer 5

因为你的宽度是固定的，所以只需创建一个外部div容器

<div class="bigbox">
   <div class="leftbox">
   </div>
   <div class="rightbox">
   </div>
</div>

.bigbox { width: 810px;}
.leftbox { width: 400px; float: left}
.rightbox {width: 400px; float: right}