最后一列右边距为0的不同实现方法
来源：4-3 menu
妙言
2016-07-07 18:17
在footer那一节，最后一列右边距为0，老师是用的last-child的设置；
而这一节，第二个列右边距为0，老师却不用last-child的方法，而是加大ul的宽度，然后再overflow：hidden。
感觉这两种方法的实现效果是一样的，老师为什么要用两种不同的方法呢？可能lastchild的兼容性差一些，如果是考虑兼容性问题，直接设置一个margin:0的类加给最后一列也是可以的。
希望知道的人能回答一下，谢谢！
写回答
关注
1回答
-
- VevoLiang
- 2016-07-07 21:34:54
其实是差不多的，前端的具体实现各种各样，看个人设计。
你直接在最后一列加个margin:0的类也是可以的，实现原理和last-child一样，只不过对后端可能不是很友好。
在Menu那一块由于用的是ul，用last-child是无法定位所有行的最后一列的，这时候用overflow可能就简洁点。
从 psd 到 html
教你把PSD设计稿转化成HTML，用案例来讲解基本流程
105474 学习 · 466 问题
相似问题
关于负边距
回答 1
为什么我这个不往右边挤了了呢
回答 2