javascript操作div中的marginTop

来源:互联网 发布:网名知乎 编辑:程序博客网 时间:2024/05/16 01:17

在javascript控制div之间的外边距时,代码写到

document.getElementById("").style.marginTop=20;

这个在IE浏览器中可以,但是在chrome中就不行,这个问题是应该

document.getElementById("").style.marginTop="20px";

各个浏览器中不同的问题要求不等对待,这些天学了div+css在设置各个浏览器是不同的配置,要针对每个浏览器都要写上对应的代码

比如、居中问题

 11在ff中margin:auto+设置width便可以了 在IE中却要text-align:center这个在ff中式没有的

22还有当设置了div的height时,若是值太小,IE会自动给他添加8px,造成的结果是height变大,这要在其中加上overflow:hidden,而ff是需要的正确的结果

33 在div中一般代码块是按文档流的形式layout,即一个div占有一行,若要排成一行则要设置为浮动float,若一共有两个div,在ff中第一个div设置为float,而第二个没有设置,这时的第二个div便会产生与IE不同的一面,解决办法是第二个div也设置为float,或者在第一个div中clear:both;

原创粉丝点击