Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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 - Fatal编程技术网

Html 绝对定位时的上下衬垫

Html 绝对定位时的上下衬垫,html,css,Html,Css,为什么当一个段落的位置绝对不变时,上下填充比原来增加了?如何将其设置为初始值?多谢各位 <html> <head> <script> pos { position:absolute; width:300px; background-color:red; color:yellow; } </[![enter image description here][1]][1]script>

为什么当一个段落的位置绝对不变时,上下填充比原来增加了?如何将其设置为初始值?多谢各位

<html>
<head>
<script>
 pos { 
    position:absolute;
    width:300px;            
    background-color:red;
    color:yellow;
    }
</[![enter image description here][1]][1]script>
</head>
<body>

    <h3> practice page </h3>

    <div class="pos"> <p> paragraph tage </p> </div>

</body>
</html>

pos{
位置:绝对位置;
宽度:300px;
背景色:红色;
颜色:黄色;
}
练习页
第3段

您看到的是(非填充)的情况

父母和第一个/最后一个孩子

如果没有边框、填充、内联内容或间隙将块的页边距顶部与 第一个子块的边距顶部,或无边框、填充、内联 内容、高度、最小高度或最大高度来分隔 将块的边距底部与其最后一个子块的边距底部相距, 然后这些利润率就会崩溃。塌陷的边结束于外部 家长

在绝对定位示例中不会发生这种情况,因为:

浮动和绝对定位元素的边距永远不会塌陷

你看到的是(不是填充)的情况

父母和第一个/最后一个孩子

如果没有边框、填充、内联内容或间隙将块的页边距顶部与 第一个子块的边距顶部,或无边框、填充、内联 内容、高度、最小高度或最大高度来分隔 将块的边距底部与其最后一个子块的边距底部相距, 然后这些利润率就会崩溃。塌陷的边结束于外部 家长

在绝对定位示例中不会发生这种情况,因为:

浮动和绝对定位元素的边距永远不会塌陷


请看MDN,它不是填充。请看MDN,它不是填充。您是说它的标记边距增加到标记的边距,从而导致上下边距整体增加?不,我是说,当不是绝对定位时,
的边距与
一起折叠,并最终位于
之外。绝对定位时,不会发生塌陷。在大多数浏览器中,默认情况下段落都有一个边距。我在应用了一些更改(tag-inside-tag)后达到了这一点当通过标签上下边距增加设置属性时,当直接应用于标签上时,上下边距没有变化您是说标签的边距增加到标签的边距上,从而导致整体上下边距的增加?不,我是说当不是绝对定位时,
的边距随
一起折叠,最后位于
之外。绝对定位时,不会发生塌陷。在大多数浏览器中,段落默认都有一个边距。在应用了一些更改(标记内部标记)后,当通过标记上下边距增加设置属性时,我达到了这一点,并且当直接应用于标记时,上下边距没有变化