日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

DIV 邊距屬性在Chrome和IE中的區(qū)別深入理解

云知道

突然間，在Chrome下看起來(lái)很整齊的布局，在IE下變成一團(tuán)糟 。為了找出原因，我改動(dòng)了div的background-color屬性 。最后，發(fā)現(xiàn)同一個(gè)DIV的寬度在IE和Chrome下卻不一樣 。這大晚上的，真是怪嚇人滴！
之后，做了個(gè)測(cè)試 。當(dāng)：

復(fù)制代碼代碼如下:
div1
{
width:960px;
margin:0px;
padding:0px;
}

這時(shí)，在兩個(gè)瀏覽器下是沒(méi)有區(qū)別滴！總寬度均是960px 。
但是，當(dāng)：

復(fù)制代碼代碼如下:
div1
{
width:960px;
margin:0px;
padding:0px 10px 0px 10px;
}

這時(shí)，Chrome就不干了 。她居然把padding的20px加在了外面，這樣div1的總寬度就是960px 10px 10px=980px；而，在IE中div1的寬度仍是960px；
按照我的思維，感覺(jué)padding應(yīng)該算在width里面滴，沒(méi)想到Chrome這么倔 。
經(jīng)過(guò)測(cè)試，border和padding一樣，margin的值均算在width的外面 。
還有，在沒(méi)有設(shè)置float的情況下，Chrome會(huì)把div1當(dāng)成position：absolute，而IE會(huì)把其當(dāng)成poisttion：relative；所以，盡量都這是塊級(jí)元素的float為left！
真悲催，瀏覽器不兼容讓我這個(gè)門(mén)外漢很痛苦呀！

    推薦閱讀