我有两个div(并排)在一个父div，我想要右div占据剩余空间的100％(即100％ – 200像素)，应该始终保持在左div旁边(不在left div左边)：
<div id="wrapper" style="width: 100%;">
<div id="left" style="background-color: Blue; height: 100px; float: left; width: 200px;"></div>
<div id="right" style="background-color: Aqua; height: 100px; float: left; width: 100%;"></div>
<div style="clear: both;"></div>
</div>
解决方法
由于您只有一个固定宽度的列，它将它悬空，就是它。对于第二列，不要指定float和width;这确保它是100％宽。但是你必须添加一个左边距;否则第二列将干扰浮动柱，例如
>蓝色背景会出现水色背景(关闭蓝色背景，看看我的意思)
>如果第二列变得比第一列高，则附加内容将开始显示在第一列的下方。
<div id="wrapper">
<div id="left" style="background-color: Blue; height: 100px; float: left; width: 200px;"></div>
<div id="right" style="background-color: Aqua; height: 100px; margin-left: 200px;"></div>
<div style="clear: both;"></div>
</div>
