Question

求助，CSS <P><br>的段落间距

代码如下：

p{
margin-top: 5pt;
margin-bottom: 5pt;
}

body {
font-size: 10.5pt;
font-family: Candara;
line-height: 17.25pt;
text-decoration: none;
text-align: left;
margin-top: 5pt;
}

<p>之间的段落间距是margin控制的，<br>的间距是line-height，变成下面那样以后，margin定义的5pt就失效了，为什么？？

body {
font-size: 10.5pt;
font-family: Candara;
line-height: 17.25pt;
text-decoration: none;
text-align: left;
margin-top: 5pt;
margin-bottom: 5pt;
}

Answer 1

你的意思是P和BR之间的垂直margin少了5PT是吗?
如果是的话~就是外边距叠加的问题~
意思是~如果2个元素上下毗邻而且都定义了不为0的外边距~~
同时有没有任何内边距和边框设定~那么这2个元素之间的间隔就会取最大的那个外边距~~(如果都为正数 一正一负的话应该是相加吧)~~

例如<div style="margin:10px 0"></div>
<div style="margin:15px 0"></div>
两者最终外边距就只有15px

Answer 2

你这个什么意思？没看明白。
还有，写在了body里，那还是<p>的样式么？？？<p>怎么会有效果呢？

Answer 3

margin上下有重叠现象,注意到了吗?