這節(jié)課的底部文字排版，4個文字塊的margin-top值設(shè)置的有問題。你沒有考慮p元素的Line-height導(dǎo)致的文字上邊還有距離。仔細看設(shè)計稿，就會發(fā)現(xiàn)設(shè)計師在Blog這行文字處拉了一條參考線。參考線剛好劃在文字的最頂部。而你的margin-top距離值就是從底部區(qū)域的最上面到這條輔助線的距離。但是你又在下面的P標(biāo)簽加了line-height=1.8。那么你的BLOG文字上邊也會有一小點距離。那么就會超出設(shè)計師的設(shè)計值。所以你的foot-col這個類的margin-top應(yīng)該用設(shè)計師拉的那條輔助線的距離減去line-height=1.8所導(dǎo)致的那么一點距離，這樣才能完全匹配設(shè)計稿。