DIV的邊距屬性在Chrome和IE中的區別

2021-09-01 13:39:39 字數 656 閱讀 5681

突然間,在chrome下看起來很整齊的布局,在ie下變成一團糟。為了找出原因,我改動了div的background-color屬性。最後,發現同乙個div的寬度在ie和chrome下卻不一樣。這大晚上的,真是怪嚇人滴!

之後,做了個測試。當:

css**

div1

div1

這時,在兩個瀏覽器下是沒有區別滴!總寬度均是960px。

但是,當:

css**

div1

div1

這時,chrome就不幹了。她居然把padding的20px加在了外面,這樣div1的總寬度就是960px+10px+10px=980px;而,在ie中div1的寬度仍是960px;

按照我的思維,感覺padding應該算在width裡面滴,沒想到chrome這麼倔。

經過測試,border和padding一樣,margin的值均算在「width」的外面。

還有,在沒有設定float的情況下,chrome會把div1當成position:absolute,而ie會把其當成poisttion:relative;所以,盡量都這是塊級元素的float為left!

真悲催,瀏覽器不相容讓我這個門外漢很痛苦呀!

設定div邊距

設定外邊距 margin top 20px margin right 30px margin bottom 40px margin left 30px margin 20px 只有乙個值,同時設定四個方向的值 margin 0 20px 兩個值,第乙個值是上下 x軸 第二個值是左右 y軸 margi...

ul與div的邊距

今天在寫乙個的這樣排版,在乙個div裡面有ul,其中ul中的li是橫排排放的。那麼我遇到的問題是ul裡面的li與div有一定的邊距,如下圖所示,其中藍色方框是乙個li,而白色區域是乙個div,圖中圈出的紅色方框表示li與div的距離,可見這個邊距還是非常的大。經過查閱相關資料,得知需要設定ul的邊距...

web開發 邊距屬性 margin

1.功能介紹 通過元素中的topmargin,leftmargin,rightmargin,bottommargin屬性設定頁面邊距,調整頁面顯示內容與瀏覽器邊框的距離,使內容顯得更加美觀。2.語法說明 topmargin 設定到頁面頂端的距離。leftmargin 設定到頁面左邊的距離。right...