margin 屬性的相關問題

2022-09-02 05:12:14 字數 943 閱讀 4343

問題描述:浮動的塊挨邊框的時候會產生雙倍的邊距

解決方案:

1.增加display:inline;

2.去除float屬性

css2.0規範:

1.水平邊距永遠不會重合

2.垂直邊距可能在特定的框之間重合:

* 常規流向中兩個或多個塊框相鄰的垂直邊距會重合。

結果的邊距寬度是相鄰邊距寬度中較大的值。如果出現負邊距,則在最大的正邊距中減去絕對值最大的負邊距。如果沒有正邊距,則從零中減去絕對值最大的負邊距。

ie 6 下垂直不會重合(灰色父div有margin-top:10px;)

chrome / ie8+ / ff 瀏覽器 垂直會重合(灰色父div有margin-top:10px;)

* 在乙個浮動框和其它框之間的垂直邊距不重合。

chrome / ie8+ / ff 瀏覽器

ie6 下

* 「絕對定位的框」與「相對定位的框」邊距不重合,ie6 / ie8 / chrome / ff 瀏覽器下效果一致

IOS機型margin屬性無效問題

這個問題很多小夥伴都有遇到,這次本猿也遇到了,記錄一筆。結論 簡單的解決辦法margin換padding!如有誤,請大神不吝賜教。在chrome瀏覽器移動端測試iphone5,開啟的也是沒問題的 這感覺有坑還是要在真機才能發現 以下跟本人問題一樣,借用配圖及說明。底部footer設定margin屬性...

margin屬性總結

margin屬性總結 1.使用 margin 0 auto 的盒子,必須要有width,有明確的width 2.只有標準流中的盒子,才能使用 margin 0 auto 居中,即當乙個盒子浮動了,絕對定位了,固定定位了,都不能使用 margin 0 auto 3.margin 0 auto 是在居中...

由淺入深漫談margin屬性

margin 在中文中我們翻譯成外邊距或者外補白 本文中引用外邊距 他是元素盒模型 box model 的基礎屬性。一 margin的基本特性 margin 屬性包括 margin top,margin right,margin bottom,margin left,margin,可以用來設定 bo...