为了账号安全,请及时绑定邮箱和手机立即绑定

margin重叠应用的栗子没明白

我清楚重叠的原理,可能是之前没写过类似的案例吧,老师讲的这个实际应用栗子没听懂,希望搞明白的同学指点一次。

正在回答

3 回答

不知道你现在理解了没,我的理解是,比如一组元素,两两之间都需要间隔时,我们一般都会统一为每个元素设置margin-bottom或者margin-top,以设置margin-top为例,那么到最后(最下面)一个元素的时候,一般需要单独为其设置margin-bottom保持布局的完整合理,但是之后项目需求若是删除了最后一个元素,那么又没有给倒数第二个元素设置margin-bottom,就会出现当前的最后一个元素紧贴底部的情况,需要重新为其设置margin-bottom来解决,但是若采用老师所说的方式,相邻兄弟元素之间会发生重叠不影响间距,最后和第一个元素又都有各自的margin-bottom和margin-top,删除任意一个元素都不会影响这种稳定的状态,这就是所谓增加了健壮性。

嗯,希望讲清楚啦。

2 回复 有任何疑惑可以回复我~
#1

假蛙工程师

有道理,你说得对
2024-06-06 回复 有任何疑惑可以回复我~

试了一下,用margin top和bottom同时用,当删除最后一个按钮,按钮后面内容的不会挤上来,能够增强健壮性,结构不会随便被破坏。只有margin-top,删除按钮,后面的会紧贴着按钮上面内容,破坏页面结构。

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

通过margin-top和margin-bottom可以增强代码的健壮性,老师例子来说,最下面本来有个button按钮,如果只使用margin-top没了button按钮,上下就会发生重叠

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

陈小窝

只是去掉了一个button不会导致上面的控件也会出现重叠现象吧??????
2016-07-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

margin重叠应用的栗子没明白

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信