負margin小記

看風景就發表於2015-07-17

static元素  margin-top/left負值,元素向指定方向移動,
               margin-bottom/right負值,元素不動,後續元素前移


float元素   左浮,與static一致(浮動元素加上相反方向的負margin,則會使行間距為0且內容重疊,設定足夠大的負margin會使得浮動元素在同一行)
               右浮,margin-right/top負值,元素向指定方向移動,
                       margin-bottom負值,元素不動,後續元素上移


absolute元素 與static一致

 

總之,右浮元素左右相反,其他元素表現一致。

相關文章