如何实现margin-bottom for position：absolute element

Question

我不知道在这种情况下如何为margin-bottom元素实现position: absolute。 这是我元素的css：

font-family: FuturaRoundBold;
display: none;
position: absolute;
left: 15%;
top: -5%;
color: #000;
width: 75%;
padding: 1%;
background-color: rgba(233, 233, 233, 1);
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
z-index: 2;

感谢您的任何想法！

Answer 1

margin-bottom只会对absolute ly-located元素执行任何操作，如果该元素没有top属性。

删除top: -5%，然后margin-bottom即可。

或者如评论中所述，您还可以添加像这样的透明div

<div class="spacer"></div>

在你的外部div里面

.spacer {
    height: 50px;
    margin: 0 0 -50px 0;
    /* margin: 20px 0 -50px 0; use this if you want #container to have a 'bottom padding', in this case of 20px */
    background: transparent; /* you'll need this if #container's parent element has a different background from #container itself */
}

礼貌：乔伊