margin重叠应用的栗子没明白

来源:3-1 正确看待CSS的margin重叠

Walk_

2016-07-10 14:31

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

写回答 关注

3回答

  • P妞酱酱
    2016-12-02 14:37:38

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

    嗯,希望讲清楚啦。

    假蛙工程师

    有道理,你说得对

    2024-06-06 11:08:41

    共 1 条回复 >

  • 小黍
    2016-08-04 16:14:27

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

  • LionEiJonson
    2016-07-10 20:38:13

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

    陈小窝

    只是去掉了一个button不会导致上面的控件也会出现重叠现象吧??????

    2016-07-14 08:59:00

    共 1 条回复 >

CSS深入理解之margin

本CSS教程带你深入讲解CSS的margin属性,解决你多年困惑

55943 学习 · 66 问题

查看课程

相似问题