當遇到上元素設置下外邊距,下元素設置上外邊距時,瀏覽器不會把兩個外邊距相加,而是取大值。
例如:
div.first{
margin-bottom:10px;
}
div.second{
margin-top:15px;
}
運行結果:上下外邊距取15px,而不是25px
解決方案:
方案一:設置一個合并后的margin。
方案二:將其中一個margin設置成padding。
二、外邊距設為負值,去掉空白
三、行內元素<img>
一般行內元素,無法設置width/height/margin,但<img>除外
新聞熱點
疑難解答