CSS 向左固定，向右流动，在固定宽度内居中答案

【问题标题】：CSS fixed left, fluid right, centered within fixed widthCSS 向左固定，向右流动，在固定宽度内居中
【发布时间】：2012-08-23 08:30:26
【问题描述】：

我创建了一个我想使用 CSS 创建的图像。我还在JSFiddle做了一个小设置。

问题是我可以创建所有内容，除了右侧的流体列。我正在使用它在幻灯片中显示图像，我希望它们从屏幕右侧出现并在左侧“后面”内容 1 中消失。

我尝试了绝对、相对和固定定位。但结果要么失去内容 1 的居中左侧定位，要么在第 2 列的右侧没有流动列。

【问题讨论】：

【解决方案1】：

你需要使用width:100%来填满整个屏幕，http://jsfiddle.net/a9Yda/2/

【讨论】：

【解决方案2】：

this code 是您要找的吗？

我在右边的 div 中添加了一个固定的位置和最小宽度，似乎已经达到了你想要的效果。

【讨论】：

这是代码！谢谢，我刚刚在 Opera、FF、Chrome、Safari 和 Iexplorer 8、9、10 中对其进行了测试，即使使用 Parallax 也能正常工作。所以基本上我应该使用固定和最小宽度。谢谢您的帮助！我接受并赞成你的回答。
我发现iPad上的Safari和Win 7上的Iexplorer 9，不需要margin。因此，布局在两种浏览器中看起来都混杂在一起。我还缺少所有浏览器中的垂直滚动条。您是否知道解决它的方法。我可以为 eac 浏览器使用几个类，但这不能解决滚动问题。提前致谢。
固定到绝对解决了跨浏览器的滚动问题。我现在为 iexplorer 使用 margin:0 只是为了修复它。