比較IE6的不同之處,與IE8 IE11 比較

2021-09-06 15:41:59 字數 2139 閱讀 3214

文件申明為

ie6或者ie特有的一些東西

1.盒子模型

ie6:(使用 !doctype 宣告指定 standards-compliant 模式) margin-left + border-left + padding-left + width + padding-right + border-right + margin-right , 如果沒有宣告為標準模式則為: 

margin-left + width + margin-right

ie8: 同ie6的標準模式

ie11: 同ie6的標準模式, 但ie11遵循css3標準,所以...

2. 內容寬度超過容器的寬度

ie6: 內容會撐開容器的寬度

ie8: 內容會溢位, 容器不會被撐開

ie11: 同ie8

<

div

style

="border:10px solid #b6ff00; width:100px; height:100px"

><

div

style

="width:100px; border:5px solid #ff0000"

>內容

3.容器內的內容有浮動屬性, 容器沒有設定浮動且寬度超過內容的寬度

ie6:容器的高度會被內容撐開

ie8:容器高度不會被撐開

ie11:同ie8

4.內容浮動,並設定外邊距

ie6: (bug)產生雙倍邊距, 內容元素不管向左還是向右浮動只要設定外邊距都會產生雙倍, 如果同時兩個元素乙個向左乙個向右浮動,並同時設定外邊距, 那麼兩邊都會產生雙倍邊距

ie8: 左邊距正常

ie11: 左邊距正常

比較IE6的不同之處,與IE8 IE11 比較

文件申明為 ie6或者ie特有的一些東西 1.盒子模型 ie6 使用 doctype 宣告指定 standards compliant 模式 margin left border left padding left width padding right border right margin ri...

IE和火狐中查詢節點的不同之處

獲取節點 var node document.getelementbyid nodeid 獲取父節點 var parentnode event.target.parentnode 從父節點找到第乙個子節點 ie與火狐存在區別 var firstnode parentnode.firstchild i...

IE 火狐 谷歌的一些不同之處

1 獲取html標籤屬性值的不同 ie可以直接標籤名.屬性名獲取 其他兩種只能用getattribute或者jquery方法獲取 2 頁面整體div居中 ie只需要body設定text align center即可,其他兩種必須還要在div上設定margin 0px auto 3 event全域性物...