ie中滚动条覆盖了内容

为了触屏操作优化浏览器的内容显示，IE 浏览器提供了一种可以浮动显示，自动隐藏的滚动条样式，但是这个样式会在某些情况下造成一些困扰，比如下图。。。

其实默认情况下，桌面版的 IE 应该是传统的滚动条样式；而在应用版的 IE 中，滚动条默认才是浮动显示，自动隐藏。

但是可能会发现，一些使用了 bootstrap 样式的网站，也会出现相同这种情况，后来了解了下是因为bootstrap设置了一个属性

@-ms-viewport {
  width: device-width;
}

来源：http://channel9.msdn.com/Forums/Coffeehouse/IE10-how-does-the-scrollbar-autohide-on-buildwindowscom-microsoftcom

如果想更改滚动条的样式，可以为 IE 浏览器强制设置一个样式：

html, body {
    -ms-overflow-style: scrollbar;
}

MSDN：https://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx

 

ps：

参考网址：http://www.cnblogs.com/xwgli/p/4463184.html