沙漠中的鱼

欲上天堂，先下地狱
posts - 0, comments - 56, trackbacks - 0, articles - 119
  BlogJava :: 首页 ::  :: 联系 :: 聚合  :: 管理

float在IE和firefox中的使用

Posted on 2008-05-26 19:09 沙漠中的鱼 阅读(1318) 评论(0)  编辑  收藏 所属分类: javascript

在IE和firefox中，对文档对象DIV标签的停靠方式不同,如在IE中他就识别float的属性，但是在firefox中他就需要cssFloat

firefox下代码

var 
oDiv=document.createElement("div"); 
oDiv.style.width="101";          
var iDiv1=document.createElement("div");           iDiv1.style.background="#FFEE00"; 
iDiv1.style.width=50;    iDiv1.style.cssFloat="left";    iDiv1.innerHTML="右边"; 
iDiv1.style.height="20"; oDiv.appendChild(iDiv1);

var iDiv2=document.createElement("div");
iDiv2.style.background="#881200";
iDiv2.style.width=50;
iDiv2.style.cssFloat="left";
iDiv2.innerHTML="中间边";
iDiv2.style.height="20";
oDiv.appendChild(iDiv2);

var iDiv3=document.createElement("div");
iDiv3.style.background="#235500";
iDiv3.style.width=1;
iDiv3.style.height="20";
iDiv3.style.cssFloat="left";
iDiv3.style.overflow="hidden";
oDiv.appendChild(iDiv3);

document.getElementById("test").innerHTML=oDiv.innerHTML;

IE代码

var 
oDiv=document.createElement("div");         oDiv.style.width="101";          
var 
iDiv1=document.createElement("div");           iDiv1.style.background="#FFEE00"; 
iDiv1.style.width=50;    iDiv1.style.float="left";    iDiv1.innerHTML="右边"; 
iDiv1.style.height="20"; oDiv.appendChild(iDiv1);

var iDiv2=document.createElement("div");
iDiv2.style.background="#881200";
iDiv2.style.width=50;
iDiv2.style.float="left";
iDiv2.innerHTML="中间边";
iDiv2.style.height="20";
oDiv.appendChild(iDiv2);

var iDiv3=document.createElement("div");
iDiv3.style.background="#235500";
iDiv3.style.width=1;
iDiv3.style.height="20";
iDiv3.style.float="left";
iDiv3.style.overflow="hidden";
oDiv.appendChild(iDiv3);

document.getElementById("test").innerHTML=oDiv.innerHTML;

只有注册用户登录后才能发表评论。
网站导航: