目标
简单说就是在一行里面希望放置2个 div。
-
其中1个固定在一侧，并且具有固定的大小
-
另外那个占据这一行剩余的所有空间
思路1 inline-block
-
使用 auto 宽度，不可行
-
使用百分比，不可行
-
使用js检测宽度之后用
$(window).width - fix_another_width - other_padding_or_margin动态生成宽度，可行，但是一点也不优雅。
思路2 不要使用inline-block，改为float
对于
<div id="container">
<div id="DivB">b</div>
<div id="DivA">a</div>
</div>
使用CSS：
#container {
/* 这行是stackoverflow给出的答案 */
/* 溢出操作，我觉得没什么必要，一旦溢出也不符合要求，隐藏掉无异于掩耳盗铃 */
overflow: hidden;
}
#DivA {
overflow: hidden;
}
#DivB {
float: right;
width: 100px;
}