在一个方向上可见溢出,向另一个方向滚动

Wiz*_*Ogz 5 css

我需要有一个绝对定位的元素,它与其父级滚动.绝对定位的元素可以比可滚动容器宽,在这种情况下,内容当前被剪切.似乎结合起来overflow-y: auto;overflow-x: visible;不起作用.

这是一个JSFiddle来说明问题.请注意,弹出窗口会导致水平滚动.

这就是它应该在这里看起来像只有滚动.

这可以通过CSS实现吗?

rya*_*ton 3

你有一个硬编码的宽度。会<div>自动采用页面的完整宽度,因此您要做的就是限制 div 可以包含的最大宽度,因此将 更改width: 400px为类似max-width: 90%

这是一个 JSFiddle 示例:http ://jsfiddle.net/c8DdL/3/