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