展开div以填充剩余宽度

展开div以填充剩余宽度

这个问题的解决其实很容易，但不是在 所有 明显。您必须触发一种称为“块格式设置上下文”（BFC）的东西，它以特定的方式与浮点数交互。

只需占用第二个div，删除浮动对象，然后

overflow:hidden

改用它即可。除可见之外的任何溢出值都会使它设置的块成为BFC。BFC不允许子代浮动对象逃脱它们，也不允许同级/祖先浮动对象入侵它们。最终的效果是，浮动div将执行其 *** 作，然后第二个div将是一个普通块，占用所有可用宽度，
但不包括float占用的 宽度。

尽管您可能必须在IE6和7中触发hasLayout，但它应该可以在所有当前浏览器上运行。我不记得了。