問題描述:浮動的塊挨邊框的時候會產生雙倍的邊距
解決方案:
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...