小王子抓猫咪
2016-06-08 17:16
这节课的底部文字排版,4个文字块的margin-top值设置的有问题。你没有考虑p元素的Line-height导致的文字上边还有距离。仔细看设计稿,就会发现设计师在Blog这行文字处拉了一条参考线。参考线刚好划在文字的最顶部。而你的margin-top距离值就是从底部区域的最上面到这条辅助线的距离。但是你又在下面的P标签加了line-height=1.8。那么你的BLOG文字上边也会有一小点距离。那么就会超出设计师的设计值。所以你的foot-col这个类的margin-top应该用设计师拉的那条辅助线的距离减去line-height=1.8所导致的那么一点距离,这样才能完全匹配设计稿。
谢谢指点^_^,发现的这么细致,课程的重点是说明问题,共同讨论,因为时间原因不能处理的那么精细,望谅解*^_^*
从 psd 到 html
105471 学习 · 410 问题
相似问题
回答 1