外边距的特殊效果

1.外边距合并
当两个垂直外边距相遇时,他们将合并为一个,最终取决于两个外边距中距离较大的那个。
如果两个外边距相遇时值相等,那么取其中一个值。
2.外边距的溢出
在某些条件下,为子元素设置上外边距时,有可能会作用到父元素上。
1.父元素没有上边框
2.为子元素设置上外边距时

2.在d2中嵌套一个子元素div,id=”d3”,设置其尺寸为100*100,并设置其背景颜色
3.设置d3的上外边距为50px,观察其结果。
解决溢出方案:
**1.为父元素增加上边框
弊端:对父元素的高度有影响
2.使用父元素的上内边距来取代子元素的上外边距
弊端:对父元素的高度有影响
3.在父元素的第一个子元素位置处,增加一个空(table)
行内元素以及行内块元素的垂直外边距
1.行内元素垂直外边距无效(img除外)
2.行内块元素,设置垂直外边距时,整行元素都跟着发生改变**

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值