css中设置了p标签的内边距15px，但调试时标签的内容两边会有空白是怎么回事？

这个是css考虑段落排版 <p> 之间的上下距离不好处理，而产生的一个自动合并边距的功能，但是在很多情况下浏览器错误的处理的合并，在不该产生的地方和其他元素外边距产生了重叠计算出错误的结果。原理到简单，文字不好描述，你自己搜搜，看到图文的说明就好理解了。

因为如果所有的都使用百分比设置，那么我们留给border的空间也会是一个变化的值，也就是说当页面宽度变化时，border的值也会跟着变化，这样是有问题的。这使得我们没有办法去决定我们边框的宽度！解决方案 设置CSS的box-sizing属性值为“border-box”，这样就会把borders和padding全都包含在定义的宽高里面。

2、基本标签元素添加完毕后在body标签里添加一个div元素和在div元素内添加想要展示的文字。3、接下来给div元素添加样式属性，这里同过行内式的方法添加属性，也可以通过行外式，外部式都可以。其中核心代码是：padding-top：15px。4、保存后运行，效果如图：...

楼上两个根本就不知道楼主问的到底是什么问题...你这个问题是由于：盒模型解析的垂直外边距合并引起的；下面是两个段落：段落一段落二如果你给 p段落 标签设置上下外边距各 10px：p{margin:10px 0;}那么，段落一 的顶部离外面那个 div 应该是 10 px，段落二 的底部离外面那个 div 距离也是 10px...

1、padding-top 属性：设置 p 元素的上内边距，该属性设置元素上内边距的宽度。行内非替换元素上设置的上内边距不会影响行高计算，因此，如果一个元素既有内边距又有背景，从视觉上看可能延伸到其他行，有可能还会与其他内容重叠。不允许指定负内边距值。2、padding-right 属性：设置元素右内边距（空白...

</div> 这时候为了文字排版好看，通常都会给给 p 来点上、下外边距，让段落间拉出段空白来。比如给 p 上、下各 15px 的外边距：txt p{margin:15px 0;} 这时两个挨着的段落之间的空白部分距离是多少？第一段下边距 15px + 第二段上边距 15px = 30px 加起来等于 30px 对不？等于 30px...

围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。 设置外边距的最简单的方法就是使用 margin 属性,这个属性接受任何长度单位、百分数值甚至负值。 CSS margin 属性 设置外边距的最简单的方法就是使用 margin 属性。 margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。 margin 可...

CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。所以两个<p></p>之间的距离可以用外边距（margin）来实现：p{margin:10px 0;} // 设置p标签上下间距为10px，左右为0实例演示外边距对p标签之间距离的影响：创建Html元素 <div class="box"><span>演示外...

大家在做网站时，规划样式表许多朋友首先会用*{margin:0;padding:0;}，这里的*是通配符，意思就是将文档目录树中的所有类型单一对象的内边距和外边距都设置为0，为什么这样呢？因为许多元素，如h类，ul，body，p默认都有内边距或外边距，这样可以一次方便将这些元素的内外边距设置为0，很是方便，但我...

因为每个浏览器中对html标签的默认外边距和内边距的值不同，为了达到让主流浏览器设置出来的布局显示相同，则需要把html中所有标签的padding,margin都设置为0；