Html 为什么不是'；我的CSS没有应用边距吗？

我有一个部门：

.divcom {
    background-color: lime;
    border-radius: 5px;
    width: 37.5%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.39), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
}

我希望在页面结束之前在底部留一些空间（比如说50%）

当我尝试执行

bottom:50%

或

marginbottom:50%

时，它不起作用（颜色消失）

---

我还尝试将

边距底部：50%

放入正文，但没有任何帮助。

绝对定位的元素超出了正常的文档流。它们应该少用，因为它们使布局更加复杂。您的元素可能有边距，但不会影响页面上的其他元素，因为它是单独分层的

我还想指出，

bottom

和

marginbottom

是非常不同的事情，而且百分比利润可能会很麻烦（你并不总是知道你拿了多少百分比）

---

要获得更具体的建议，请提供更具体的用例

绝对定位的元素在正常文档流之外。它们应该少用，因为它们使布局更加复杂。您的元素可能有边距，但不会影响页面上的其他元素，因为它是单独分层的

我还想指出，

bottom

和

marginbottom

是非常不同的事情，而且百分比利润可能会很麻烦（你并不总是知道你拿了多少百分比）

---

---

要获得更具体的建议，请提供更具体的用例

尝试将

margin-bottom

设置为

auto

并将

bottom

设置为10px。由于

top

设置为100%

请尝试将

margin-bottom

设置为

auto

并将

bottom

设置为10px，因此我无法真正说出您正在尝试什么。我真的不知道你在尝试什么，因为

top

设置为100%

在身体上使用

padding-bottom:50%

。但是你确定50%左右吗？你已经将position:absolute应用到你的div中了。在这种情况下，边距底部将不起作用。我已经尝试在主体上填充底部：50%。为我们兄弟创建一个JSFIDLE ya go：在主体上使用

填充底部：50%

。但是你确定50%左右吗？你已经将position:absolute应用到你的div中了。在这种情况下，边距底部将不起作用。我已经尝试在body上填充bottom:50%。为我们创建一个jsfiddle兄弟雷耶·戈：我的意思是

auto

，而不是

0

我有两个div。1比另一个低。（CSS代码：pastebin.com/raw/XMdh1tgi）我只想在第二个下方留一些空间（屏幕的50%与第一个一样）（只是为了让它看起来别致而不是怪异）我的意思是

auto

，而不是

0

我有两个div。1比另一个低。（CSS代码：pastebin.com/raw/XMdh1tgi）我只想在第二个下方留一些空间（屏幕的50%就像我在第一个屏幕上看到的那样）（只是为了让它看起来很别致，而不是很怪异）我有两个div。1比另一个低。（CSS代码：）我只想在第二个屏幕下方留一些空间（屏幕的50%与第一个屏幕相同）（只是为了让它看起来别致而不是怪异）CSS片段不是一个有用的演示。另外，你的评论并没有改变我的答案。如果你想要更多的帮助，提供更多的信息（在你的问题中）。我说，我希望第二个div（我的问题中的一个）在它和页面末尾之间有一些空间，因为现在它只是坐在完整的底部…我有两个div。1比另一个低。（CSS代码：）我只想在第二个屏幕下方留一些空间（屏幕的50%与第一个屏幕相同）（只是为了让它看起来别致而不是怪异）CSS片段不是一个有用的演示。另外，你的评论并没有改变我的答案。如果你想要更多的帮助，请提供更多的信息（在你的问题中）。我说，我希望第二个div（我问题中的一个）在它和页面末尾之间有一些空间，因为现在它只是位于完整的底部。。。