Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 段落填充将绝对定位的标题推开_Html_Css_Padding_Absolute - Fatal编程技术网

Html 段落填充将绝对定位的标题推开

Html 段落填充将绝对定位的标题推开,html,css,padding,absolute,Html,Css,Padding,Absolute,在这里,我一直在尝试在div中水平对齐h3。这一切都非常有效,但当我尝试在p元素中添加填充时,它会影响h3绝对定位的元素,正如我所理解的,它不应该影响其他元素,也不应该受到其他元素的影响。那么p填充是如何影响它的呢? 以下是H3中重置属性顶部的链接: h3{ position:absolute; left:25%; right:25%; background:red; top:0; } 可能是因为填充增加了div的大小,这会影响top的值:25%。您的标题绝对位于相对值上。您需要指定一个像素值

在这里,我一直在尝试在div中水平对齐h3。这一切都非常有效,但当我尝试在p元素中添加填充时,它会影响h3绝对定位的元素,正如我所理解的,它不应该影响其他元素,也不应该受到其他元素的影响。那么p填充是如何影响它的呢?
以下是H3中重置属性顶部的链接:

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

可能是因为填充增加了div的大小,这会影响top的值:25%。您的标题绝对位于相对值上。您需要指定一个像素值。或者您可以使用类似于p{position:relative;top:40px;}的顶层规则,即使它不适合您的设计,这可能适用于你的prodguys,我试图做到这一点:因此,基本上垂直对齐顶部div边界内的h3,并在h3和p之间添加填充,而不影响h3,因此在设置top属性时,只需向下按p,它是否与容器高度相关,并且由于向p元素添加填充会增加容器高度为什么p填充会影响h3位置?