目标

简单说就是在一行里面希望放置2个 div

思路1 inline-block

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

参考

Dynamic width with inline-block @StackOverflow