溢出x和y?

时间:2012-10-17 09:55:50

标签: overflow css

我有一个div设置,用overflow-x隐藏内容,并用visible显示(overflow-y)内容。
不幸的是,我不喜欢它的工作方式。它添加了垂直滚动条 - 我认为这是因为overflow-xoverflow-y不起作用。

据我所知,如果一个溢出设置为隐藏,则另一个设置为自动 还有其他方法吗?所以我可以水平隐藏溢出并垂直显示(没有滚动)?

就这样,这里没有混淆,可以解释一下:http://jsfiddle.net/kwnQk/

修改
这是我遇到的实际问题:http://jsfiddle.net/kwnQk/1/
我有一个选择框,由div和jQuery创建,最终超过div高度,导致它添加滚动条。
令人遗憾的是溢出函数的工作方式与它的工作方式相同,因为div overflow-x 必须被隐藏,导致div的overflow-y为自动。

编辑2
请看这个新的JSFiddle,以准确说明我需要溢出的原因:http://jsfiddle.net/kwnQk/3/
它也包括滑块,需要设置为一定的宽度。而且它们无法占据页面的整个高度,所以我也必须限制它们的高度。

4 个答案:

答案 0 :(得分:2)

我认为你可以将overflow属性保持可见,只需左右使用填充。 除非你有图像,否则文本应该被包装。

对于图像,您应该查看使用宽度为100%的子div:

答案 1 :(得分:0)

答案 2 :(得分:0)

尝试使用jquery selectbox插件,它非常棒,完全符合您的要求:

http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

答案 3 :(得分:0)

不幸的是,糟糕的组合。来自文档http://www.w3.org/TR/css3-box/#overflow-x

'overflow-x'和'overflow-y'的计算值与它们的指定值相同,除了某些与'visible'的组合是不可能的:如果一个指定为'visible'而另一个是'滚动'或'自动',然后'可见'设置为'自动'。