css - Div随着窗口大小的改变而改变位置

Question

我有一整天都在努力解决的问题。我有两个 div 彼此对齐。问题是当我调整浏览器窗口大小时(变小)，右边的 div 跳到左边的 div 下面。我为包含的父级指定了固定宽度，并确保两个内部 div 的宽度不超过父级 div 的宽度。我的标记:

<div class="parent">
  <div class="left">contents</div>
  <div class="right">contents</div>
</div>

<style>
 .parent
 {
   width: 800px;
 }

 .left
 {
   float: left;
   width: 305px;
 }

 .right
 {
   display: inline-block; (also tried float: left)
   width: 480px;
 }
</style>

我真的需要帮助，我快疯了。谢谢你

Answer 1

这是插入 jsFiddle 的代码:

http://jsfiddle.net/FHqtK/

肯定有一些其他样式干扰，因为它在这里使用 float: left 时表现得很好。