HTML / CSS黑客允许overflow-x:auto&溢出y:可见吗?

时间:2012-01-26 05:48:41

标签: css html5 css3 overflow

我有一个400px x 400px div,我想垂直滚动。所以我设置overflow-y:auto。但偶尔,我希望div中的内容溢出-x:可见。

这不起作用。我认为这是因为如果其中一个溢出值可见,则无法设置不同的溢出值。

真?

否则,是否有一个像样的css / js修复?我注意到,当出现这样的情况时,flow app会向身体附加一个计算的绝对位置div:http://cl.ly/32392W0U2t1y2Q103X2d。这是最好的解决方案吗?是否有任何插件/教程可供查看?

2 个答案:

答案 0 :(得分:1)

如果其中一个可见,则无法设置不同的溢出值; CSS3 Box模型草案在overflow部分中说明了这一点:“overflow-x'和'overflow-y'的计算值与它们的指定值相同,只是某些'visible'的组合不是可能:如果一个被指定为“可见”而另一个被指定为“滚动”或“自动”,则“可见”设置为“自动”。“

关于变通方法,您首先需要确定所需的行为。当你右边有一个滚动条时,overflow-x:visible工作怎么样?溢出的内容是否应该以某种方式继续在滚动条的右侧?这很难安排。或者滚动条是否向右移动?

答案 1 :(得分:0)

尝试添加white-space: nowrap;

相关问题