html - 段落填充推开绝对定位的标题

Question

在这里，我一直在尝试在 div 内水平对齐 h3。一切都很好，但是当我尝试向 p 元素添加填充时，它会影响 h3，它是绝对定位的元素，据我所知，不应影响其他元素，也不会受到其他元素的影响.那么 p padding 是如何影响它的呢？ 这是链接 http://jsbin.com/yigakubijovo/1/edit

Answer 1

重置 H3 中的“top”属性:

h3{
position:absolute;
left:25%;
right:25%;
background:red;
top:0;
}