                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /从 psd 到 html

最后一列右边距为0的不同实现方法

在footer那一节，最后一列右边距为0，老师是用的last-child的设置；

而这一节，第二个列右边距为0，老师却不用last-child的方法，而是加大ul的宽度，然后再overflow：hidden。

感觉这两种方法的实现效果是一样的，老师为什么要用两种不同的方法呢？可能lastchild的兼容性差一些，如果是考虑兼容性问题，直接设置一个margin:0的类加给最后一列也是可以的。

希望知道的人能回答一下，谢谢！

妙言

2016-07-07

源自：从 psd 到 html 4-3

关注问题我要回答

562

操作

收起

1 回答

VevoLiang
2016-07-07

其实是差不多的，前端的具体实现各种各样，看个人设计。

你直接在最后一列加个margin:0的类也是可以的，实现原理和last-child一样，只不过对后端可能不是很友好。

在Menu那一块由于用的是ul，用last-child是无法定位所有行的最后一列的，这时候用overflow可能就简洁点。

0 回复有任何疑惑可以回复我~

收起回答

妙言提问者

“你直接在最后一列加个margin:0的类也是可以的，实现原理和last-child一样，只不过对后端可能不是很友好。” 可以简单解释一下为何对后端不友好吗？我觉得这个方法最简便耶。谢谢你！

2016-07-07 回复有任何疑惑可以回复我~

VevoLiang 回复妙言提问者

我的理解是假如有循环判断语句的话，选择最后一个元素就少了一层判断嘛。

2016-07-08 回复有任何疑惑可以回复我~

0/150

提交

取消

从 psd 到 html

参与学习 105543 人
解答问题 466 个

教你把PSD设计稿转化成HTML，用案例来讲解基本流程

进入课程

本课相似问答

1 回答文字两边的横线是行高为0的行内样式然后设置上边线实现的吗

1 回答footer部门右下角的logo和字，按照老师的方法也调不到右边，求指点

1 回答关于负边距

2 回答为什么我这个不往右边挤了了呢

2 回答底部informantion那部分无法在右边显示

搜索更多本课相关问答

最后一列右边距为0的不同实现方法

我要回答关注问题

热搜

最近搜索清空

最后一列右边距为0的不同实现方法

1 回答

本课相似问答

最后一列右边距为0的不同实现方法