底部文字的margin-top的设定值有瑕疵
这节课的底部文字排版,4个文字块的margin-top值设置的有问题。你没有考虑p元素的Line-height导致的文字上边还有距离。仔细看设计稿,就会发现设计师在Blog这行文字处拉了一条参考线。参考线刚好划在文字的最顶部。而你的margin-top距离值就是从底部区域的最上面到这条辅助线的距离。但是你又在下面的P标签加了line-height=1.8。那么你的BLOG文字上边也会有一小点距离。那么就会超出设计师的设计值。所以你的foot-col这个类的margin-top应该用设计师拉的那条辅助线的距离减去line-height=1.8所导致的那么一点距离,这样才能完全匹配设计稿。