深入解析CSS第三章负外边距——读书笔记

3.3 负外边距

  • 负外边距有一些特殊用途,比如让元素重叠或者拉伸到比容器还宽。
  • 如果设置左边或顶部的负外边距,元素就会相应地向左或向上移动
    在这里插入图片描述
  • 如果设置右边或者底部的负外边距,并不会移动元素,而是将它后面的元素拉过来
    在这里插入图片描述
  • 如果不给一个块级元素指定宽度,它会自然地填充容器的宽度。但如果在右边加上负外边距,则会把它拉出容器。如果在左边再加上相等的负外边距,元素的两边都会扩展到容器外面
    在这里插入图片描述
  • 负外边距并不常用,但是在某些场景下很实用,尤其是当创建列布局的时候。不过应当避免频繁使用,不然网页的样式就会失控。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值