绝对定位时的顶部底部填充
[英]Top bottom padding in case of absolute positioning
问题描述
为什么当段落的位置绝对是顶部时底部填充比原始位置增加？ 如何将其设置为初始的？ 谢谢
<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>
1 个解决方案
解决方案1
2 2016-01-26 16:53:10
您会看到一种情况，即页边距崩溃 （没有填充）。
父母和第一个/最后一个孩子
如果没有边框，填充，内联内容或间隙来将块的页边距与第一个子块的页边距分开，或者没有边框，填充，内联内容，高度，最小高度或最大值-height可以将块的边距底部与最后一个子元素的边距底部分开，然后这些边距会崩溃。 折叠的边距最终在父级之外。
在绝对定位的示例中不会发生这种情况，因为：
浮动元素和绝对定位元素的边距永远不会崩溃。
绝对定位，负顶部/左/右/底部用于图像拉伸
[英]Absolute positioning with negative top/left/right/bottom for image stretching
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.