Question

为什么当一个段落的位置绝对是顶部底部填充增加而不是原始？如何将其设置为初始的？谢谢

<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>

Answer 1

您看到collapsing margins（不填充）的情况。

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

如果没有边框，填充，内联内容或间隙将块的边距顶部与   margin-top的第一个子块，或没有边框，填充，内联   内容，高度，最小高度或最大高度来分隔   从最后一个孩子的边缘底部开始的一个块的底部，   那些利润就会崩溃。倒塌的保证金最终在外面   父节点。

在绝对定位的示例中不会发生这种情况，因为：

浮动和绝对定位元素的边距永不崩溃。

绝对定位时的顶部衬垫

1 个答案: