css 负边距

可以通过负值的margin来抵消掉padding的影响

1.margin:负值


当给一个元素设置margin 负值(top/left),该元素将在该方向上产生位移。例如:

/* 元素向上位移10px */

.demo {margin-top:-10px;}

二、当给一个元素设置margin负值(bottom/right),这个元素并不会像你所预想的产生位移,而是将任何紧随其后的元素“拉”过来,覆盖在自己的上边。例如:

/* 所有紧随元素demo之后的元素向上位移10px */

.demo {margin-bottom:-10px;}

注:如果元素没有设置宽度,那么给该元素设置margin负值(left/right)将会在两个方向增大其宽度,看起来就好像给该元素添加了padding


应用:http://www.cnblogs.com/jscode/archive/2012/08/28/2660078.html


2.margin正值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 负边距在让元素产生偏移时和position: relative有什么区别? position:relative:相...
    盖被吹空调阅读 2,187评论 0 0
  • 原文链接:负边距详解 在static元素中使用负边距 static元素:没有使用过float的元素 在top/le...
    KiraStar阅读 3,459评论 0 1
  • 1.在什么场景下会出现外边距合并?如何合并?如何不让相邻元素外边距合并?给个父子外边距合并的范例 概念:在CSS当...
    饥人谷_任磊阅读 4,026评论 0 3
  • 第九讲 与申请流程相关的词汇 在eINFO网页上有一个栏目,向学生们指导与申请流程相关的词汇,本讲会对这些词语进行...
    shawn_f1f5阅读 4,164评论 0 1