我有一个div弹出到屏幕中间,并填充了一些任意内容。如果添加的内容不适合可用空间,我需要滚动它。
基本造型留下:25%;宽度:50%;最大高度:70%
如果屏幕足够大,一切正常。在Firefox中,如果没有足够的空间,它也可以很好地工作,为分区添加垂直滚动条。但是在IE中,它增加了一个恼人且不需要的水平滚动条,我无法找到摆脱它的方法。
你可以在这里看到我的意思截图: http://dl.dropbox.com/u/15633144/popup.html
抱歉,我无法发布实际的HTML,这肯定不会让这更容易!但我希望这是一个人们之前已经解决的标准问题。
这里发布的常用解决方案很多次是overflow-x / overflow-y。但在某些情况下,div内容实际上需要水平滚动,所以我不能使用这种技术。
答案 0 :(得分:1)
首先,IE不支持max-height CSS属性。
如果容器内的某些元素的宽度溢出,水平滚动条将会显示出来。你可能里面有一些宽度为100%的元素。随着IE在这里和那里添加随机边框/边距,内部元素的宽度变得比其容器大。
答案 1 :(得分:0)
答案 2 :(得分:0)
我担心因为你说有时你需要滚动然后你需要水平滚动条。如果你用overflow-x:hidden隐藏它们;不允许你滚动。您可以使用jQuery If语句并说明window.width是否超过内容的宽度,显示滚动条,如果没有,则隐藏它!