zoukankan      html  css  js  c++  java
  • 【css基础】垂直外边距的合并

    近期在重温《CSS权威指南》,还是想把基础再打坚固点,如今对垂直外边距的合并问题进行简单总结。

    1. 两个块级元素的外边距都大于0时,取那个最大值作为两个块级元素的垂直边距

    请看以下一个小样例,效果图例如以下:红色的块margin-bottom为30px; 黄色的块的margin-top: 20px;最后的垂直的边距是为30px;


    2. 当两个块级元素的外边距都小于0时,取绝值最大的那个作为两者之间的垂直边距。

    请看以下一个小样例,效果图例如以下:红色的块margin-bottom为-10px; 黄色的块的margin-top: -30px;最后两者的垂直边距是为-30px;注意:这个时候两个块会发生重叠,由于浏览器总会按从前到后的顺序显示元素,所以后出现的会覆盖较早出现的元素。


    3. 当两个块级元素的外边距是一正一负时,用正的值减云负值的绝对值。

    请看以下一个小样例,效果图例如以下:红色的块margin-bottom为-20px; 黄色的块的margin-top: 30px;最后两者的垂直边距是为:30 - |-20| = 10px;





  • 相关阅读:
    微信公众号支付java版本
    js数组去重
    原生js关闭窗口
    javascript常用代码片段
    kubeadm 生成的token过期后,集群增加节点
    Git 配置命令设置
    SpringBoot cookie工具类
    Docker中的Cgroup Driver:Cgroupfs 与 Systemd
    使用kubeadm 安装 kubernetes 1.12.0
    IPVS负载均衡
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/3929118.html
Copyright © 2011-2022 走看看