我習慣把 圖中所示的margin邊界稱為外邊距，padding填充部分稱之為內邊距。設置外邊距最好的一個方法就是設置margin值，同理，設置內邊距的最好 辦法就是設置padding了。設置內邊距沒什么好說的，設置的值是多少就是多少，不會出現(xiàn)什么異常，即瀏覽器的兼容性方面，但外邊距就不一樣了。

設置外邊距，首先想到的是應該是雙邊距的問題。如果設這邊距的這個元素同時設置了浮 動，那么浮動的這個方向如果有margin值的話，那么在ie6里面的實際距離是設置值的雙倍。要解決這個問題不復雜，只要給這個元素加個 display：inline屬性即可，但不建議這么做，因為這無形中增加了代碼的質量，帶寬很貴的哦，最好的辦法就是在浮動的方向不設置margin 值，因為這個可以用其他的方法實現(xiàn)的，比如padding，或者設置在父層節(jié)點的style。

在一個問題就是垂直雙編劇的合并問題。當兩個垂直的雙邊距相遇時，它們將形成一個邊距，合并后的邊距等于發(fā)生合并的邊距的較大值。

實際兩個模塊的間距是20，這就是垂直雙編劇的合并問題了。有時候遇到這樣的情況不知所然，不知怎么回事，后來才知道了垂直雙邊距。知道了問題 的根源，那么解決這個問題的最好辦法就是避免這個問題的出現(xiàn)了。我是這么做的，比較懶惰的作法，不過絕對有效哈。

還有一個很不人性化的規(guī)范，就是一 個盒子，即一個模塊如果沒有上邊距（margin-top）或者上邊框（border-top），那么這個盒子的上邊距會和這個盒子的第一個子元素的上邊 距重合。不說什么了，把代碼和效果貼上，直觀，易理解。知道了問題所在就知道了怎么避免問題的出現(xiàn)了。

我對這些的理解都是基于css中的盒子模型，不知道大家有沒關注過，我會在后來博文中補上盒子模型這一點，希望大家關注。第一次寫博客，感覺有點不習慣，我會堅持，提高自己的文字水平，努力讓自己有一個提高，同時也能將我的觀點和大家分享。

最新評論