如何为绝对定位的 div 添加底部边距？ [复制]答案

【问题标题】：How can I add a bottom margin to an absolutely positioned div? [duplicate]如何为绝对定位的 div 添加底部边距？ [复制]
【发布时间】：2013-03-21 23:53:16
【问题描述】：

我的网页左侧有一个 div，它根据其内容扩展到不同的高度。有时它的内部内容会导致 div 扩展到页面底部。但是，我希望底部有一个边距，因此它实际上并没有转到页面底部。如何添加必要的保证金？我尝试将margin-bottom:50px 添加到.wrap，但没有成功。

HTML：

<div class="wrap">Contents</div>

CSS：

.wrap {
    position:absolute;
    top:40px;
    min-width:220px;
    left:0;
}

【问题讨论】：

不，它不是重复的。我尝试了该解决方案，但它并没有解决我的问题。

标签： css margin css-position

【解决方案1】：

使用bottom:50px; .wrap div。您定位了 div，因此您可以按左、右、上、下设置位置。它总是从底部向上 50px。

.wrap {
position:absolute;
top:40px;
min-width:220px;
left:0;
bottom: 50px;
}

【讨论】：

谢谢，但问题是我并不总是希望 div 距离底部 50px。我只是希望它离底部的距离永远不会超过 50px。

【解决方案2】：

我在wrap 班级中有overflow:hidden;。这就是问题所在。

【讨论】：