1、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。
2、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。
3、运行之后我们看到两个div的高度是一样的 接下来我们就使用js修改高度。
4、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度 如图所示。
5、使用js修改CSS文件中的div的height的值 HTML文件中的代码。
6、然后我们是在js文件中获取div1的id属性 然后使用obj.style.cssTest来修改嵌入式的css。
7、然后运行项目之后 两次结果都是一样的 div的高度改变了 。
可能是DW的问题.但如果其它浏览器正常, 而ie6 这样的话, 就是ie6 双边距的bug.
此bug的
原因如下: ie6中, 如果块状浮动元素应用了与浮动方向相同的边距, 则此行第一个元素的边距会加倍...(注意: 内联样式的元素不受影响)
可能不太容易理解. 举个例子:
比如一行中左浮动了5个元素. 这5个元素都有左右边距, 那么第一个元素的左边距有ie6下会加倍, 如果设置是5px, 则会变成10px, 后面的4个不会出现这种情况(如果后面的没有被挤下去).右边距也不会受影响(因为是左浮动).
如果上面的情况有人被挤到下一行, 则下一行的行首的元素左边距 也会加倍...
以上便是ie6的经典的双边距bug.
解决办法很多, 最常用的是, 对行首的元素应用 display:inline就可以解决.
如有问题, 请留言.
