我希望有一个水平滚动条,根容器上没有垂直滚动,子容器上没有垂直滚动条,也没有水平滚动条.
需要的兼容性：IE,Edge,Chrome,FF. (最新版本)
需要的兼容性：IE,Edge,Chrome,FF. (最新版本)
<rootcontainer> => horizontal scroll <subcontainer1> => vertical scroll <data></data> </subcontainer1> <subcontainer2> => vertical scroll <data></data> </subcontainer2> </rootcontainer>
Chrome和FF上的滚动没问题,但在IE11和Edge上,根容器的滚动与子容器的内容重叠.
注意：每个子容器的宽度必须等于子容器的50％.
Here is my problem in a fiddle.
我错过了什么使它工作？
编辑：
请注意,在IE11上,边框不可见.
该问题在Edge上更明显
解决方法
你在使用Windows 8吗？可以发布问题的截图吗？
(我正在使用IE11和Windows 7,它看起来很好)
在Windows 8上使用IE10存在问题(或设计功能,具体取决于您的看法),其中滚动条覆盖内容.尝试以下操作,让我知道它是否解决了您的问题.
.document,.Meta,.viewer,.other-doc { -ms-overflow-style: scrollbar; }
查看https://msdn.microsoft.com/en-us/library/mt712067(v=vs.85).aspx
