有时候我们是不是觉得IE浏览器器默认的滚动条很low， 那么IE浏览器器滚动条样式能否改变呢答案是肯定的，今天就给大家分享一下怎么改变IE浏览器器的默认滚动条让我們的页面更加炫酷。

在次之前我们先来了解一下滚动条产生的原因，通俗的来讲就是内容超出容器就会出现滚动条

<h5>定义：overflow 属性指定当咜溢出其块级容器时,是否剪辑内容，渲染滚动条或显示内容

overflow:visible //默认值。内容不会被修剪超出内容会显示在元素框之外
overflow:scroll //内容会被修剪，IE浏覽器器会显示滚动条以便查看其余内容
overflow:auto //如果内容被修剪则IE浏览器器会显示滚动条以便查看其余的内容

当overflow设为除默认值（visible）以外的值时，將会创建一个会 块级式化上下文 （清除浮动的一种方式）更多可查看深入理解BFC和Margin Collapse

下面直接进入教程，以GoogleIE浏览器器为例：

webkit内核的IE浏览器器滾动条样式

首先给两个div两个div是父子关系，里面的div宽高比外面的宽高值大再加上overflow：hidd属性模拟出现滚动条效果，然后进行css更改样式

这里給大家做了个图,方便大家理解：

IEIE浏览器器，就比较简单了直接定义整个页面的滚动条 ，但IEIE浏览器器只能更换颜色不能设置背景颜色

：在该页面元素的css样式中没有加對该元素显示的大小限制（高度height或宽度width

：在css中增加对包含滚动条的页面元素的显示大小限制。

做了一个页面与桌面分辨率一樣大小，但是在IE全屏(F11)下却显示有滚动条而火狐确没有。怎么样去掉IE滚动条呢?其实有一个属性就可以解决

方法1：直接在body里面加上属性scroll

在xhtml1-transitional.dtd標准下，并不是以Body为容器而是HTML标签，所以要把样式表加到HTML标签上才 行加到Body上是不管用的。

这样就可以去掉IE滚动条了