CSS float 考虑容器的宽度拉伸(stretch)

Question

我有一个 div，里面有一些 span 标签，这些标签是 input button 的容器。现在我希望我的最后一个按钮始终 float 到右边。有时容器 div 的 width 会溢出(容器的宽度更像是一个最小宽度)。在 FF 中，它与 float:right 几乎可以很好地工作，但在 IE8 中，它将它呈现在整个页面的右侧，而不是我的容器的右侧。

我如何 float 最后一个按钮(它是我的 div 容器右侧的“后退”按钮)以便:1. 永远在右边(不管div的宽度是否为overflown)2. 它在FF 和IE8 中都可以工作。3. 请注意，在 FF 中，第 5 个按钮呈现得更接近第 4 个，而不是第 4 个到第 3 个。是否有另一种方法可以解决此问题，或者我应该只使用 left 属性来修复它？

这是一个示例 fiddle . (在IE8中查看)

总结:我希望float:right 考虑容器div 的宽度是否被拉伸(stretch)。 (如果在最后一个 span 之后拉伸(stretch)点)

Answer 1

我找到了解决办法。我没有使用 float: right但是position:absolute和 right:0这与将父容器的位置设置为 relative 具有相同的效果.