13.margin垂直外边距的重叠,导致子父元素移动问题

技术分享  / 倒序浏览   ©

#楼主# 2020-2-18

跳转到指定楼层

马上注册,分享更多源码,享用更多功能,让你轻松玩转云大陆。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
margin垂直外边距的重叠问题
在网页中相邻的垂直方向的外边距会发生外边距的重叠
所谓的外边距重叠指兄弟元素之间的相邻外边距会取最大值而不是取和
如果父子元素的垂直外边距相邻了,则子元素的外边距会设置给父元素
初始未设置margin-top 垂直外边距:
                                        .box3{                width: 200px;                height: 200px;                background-color: yellow;            }            .box4{                width: 100px;                height: 100px;                background-color: yellowgreen;                /*                 * 为子元素设置一个上外边距,是子元素的位置下移                 */                /*margin-top: 100px;*/            }
分享淘帖
回复

使用道具

您的回复是对作者最大的奖励

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于作者

  • 主题

    4

  • 帖子

    4

  • 关注者

    0

Archiver|手机版|小黑屋|云大陆 | 赣ICP备18008958号-4|网站地图
Powered by vrarz.com!  © 2019-2020版权所有云大陆