我们在写前面 web样式的时候，会发现有些时候，我们怎么修改 style里面的值，页面上的样式都不会修改，当你用工具查看时，会发现里面会有 element.style的值，这个值还找不到是在哪里出现的，还修改不了。其实element.style是一种内联样式，很多情况下是在一些JavaScript代码里写死的，这种方法相当不好。但是有些时候，我们在使用第三方js文件时，会遇到。哪么我们如何去修改它呢，其实很简单。看下面这种情况，如果你在源代码，是看不到body后面跟一个style的，使用工具，你会发现它变成了下面这种突然给了一个 style
- </pre><pre name="code" class="html">这个是我正常的body标签
- <body>
- 下面这个是通过查看元素看到的标签
- <body style="overflow:hidde; height: 100%; border: none; margin: 0px; padding: 0px;" >
我使用firebug会看到，原来是这种内联样式。
其实我们可以用!important来修改它
我原来的body标签就是<body>只要加上<body style='overflow:auto ! important;'>
我这里要演示的就是让滚动条显示出来
你再刷新一下，就会发现值变过来了