2 asderfzxcd asderfzxcd 于 2017.01.06 15:51 提问

css中margin与padding的问题
css

![图片说明
如图,为什么第一个p没有距离上边距20px,而第二个p距离上面20px

8个回答

fenghui187
fenghui187   2017.01.06 17:35
已采纳

margin击穿问题,具体的你可以看看我的第一篇博客

asderfzxcd
asderfzxcd   2017.01.06 15:49

![图片说明](https://img-ask.csdn.net/upload/201701/06/1483688941_209796.png)图片说明

asderfzxcd
asderfzxcd   2017.01.06 15:49

图片说明

qq_26625037
qq_26625037   2017.01.06 15:56

margin:针对该元素外部,padding:针对该元素内部。

q34323201
q34323201   2017.01.06 16:28

你换成div试试 这两个属性就知道差别了

jifukui
jifukui   2017.01.06 16:56

margin作用的是兄弟关系的标签,

的父标签所以没有外边距。但是

标签之间的兄弟标签所以就会有外边距。

zhou_zhou12
zhou_zhou12   2017.01.06 17:54

是因为外面div,你加了backgroung-color的原因。你给外面的div加个边框border:1px yellow solid;试试。就发现区别了。实际上第一个p标签是隔了20px的。

zhou_zhou12
zhou_zhou12   2017.01.06 17:56

图片说明

123

123

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
CSS中IE和火狐对margin、padding的兼容性解析
1、IE与Fire Fox识别CSS属性区别标签 !important #page_body{ width: 1000px !important; height:30px !important; width: 980px ; height:36px ; } 以上样式 在IE6/7中只执行width: 980px与height:36px FireFox中则优先执行带有!import
CSS深入之其实你可能根本不认识margin和padding(一)
1.我们来解析官方的margin是怎么个说法margin属性可以为给定元素设置所有四个(上下左右)方向的外边距属性。四个外边距属性设置分别是: margin-top, margin-right, margin-bottom 和 margin-left 。指定的外边距允许为负数。 初始值 每一个都是0 使用的范围 包括所有的元素,但是对于table内中display类型为table-capti
css height width padding margin 百分比取值的基准问题
新地址:https://github.com/jimwmg/JiM-Blog 标准流下 一 首先,明确width height padding margin 取值可能的四个值: 可能的值 值 描述 auto 浏览器计算内边距。 length 规定以具体单位计的内...
css-内联(行内)元素、块元素、margin、padding
block元素的特点: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度。, , , , 和 是块元素的例子。 inline元素的特点:  和其他元素都在一行上; 高,行高及顶和底边距不可改变; 宽度就是它的文字或图片的宽度,不可改变。, , , , , 和是inline元素的例子   我们来详细了解它们
Web前端--CSS中margin和padding的区别
padding margin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件的边缘的边距.margin是控件边缘相对父空间的边距.padding和margin常用的用法一、padding1、语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边
CSS入门(6)-margin、padding和top,绝对定位与覆盖的问题
在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。一、padding 序号 语法 含义 1 padding-left:10px 左内边距 2 padding-right:10px 右内边距 3 padding-top:10px 上内边距
CSS中 Padding和Margin两个属性的详细介绍和举例说明
本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样的词语, 由于在编写css代码时, 必须使用margin和padding, 如果我们总用汉语词
css中的 margin | padding | border 属性图释
这篇文章是转载的,对于理解css中的margin/padding/border这些概念很有帮助CSS 中有个重要的概念,就是盒子模式 (Box model)。胡戈的"一个馒头引发的血案"中有个圆圈套圆圈娱乐城,而这个盒子模式套用这句话来说,就是方块套方块。先看看下面这个图,黑框包围的一个方块,就是一个盒子 (Box)。 盒子里由外至里依次是: margin 边距
【CSS】padding,border,margin与width宽度的关系
padding,border,margin这三样东西不算难,算是在CSS中老生常谈的东西,但是要注意其对width的影响, 直接上一段极其简单的代码: margin_border_padding_and_width Div的实际宽度:px Div的含边线的宽度:px ssssssssss
CSS中margin的详细用法 (引用,什么时候用margin,什么时候用padding)
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打