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