沙漠中的魚

欲上天堂，先下地獄

posts - 0, comments - 56, trackbacks - 0, articles - 119

BlogJava :: 首頁 :: :: 聯系 :: 聚合

:: 管理

float在IE和firefox中的使用

Posted on 2008-05-26 19:09 沙漠中的魚閱讀(1337) 評論(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;

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: javascrip對象中的函數callback對象中的方法 javascript命令行完成自動添加受信任站點 Java實現一個用戶在同一時間只登陸一次 javascript字符串判斷程序設置Extjs樹中CheckBox的選中和取消選中設置 JavaScript多線程技術 document.createElement("input")動態創建html元素時checkbox和radio默認選中的問題 float在IE和firefox中的使用 javascript適別不同的瀏覽器和平臺樹轉化為表格圖型展現

沙漠中的魚

float在IE和firefox中的使用

日歷

公告

留言簿(2)

文章分類(148)

文章檔案(119)

收藏夾(5)

學習網站

開源框架

數據結構和算法

瀏覽器內核

資料下載

搜索

積分與排名

最新隨筆

最新評論