Css 在div上设置边距底部不起作用

我有一个div框，我把它放在浏览器的右侧，上边框很好，但是我需要框的底部离浏览器底部140px，我似乎无法让它工作

好主意吗

#导航右侧{
位置：绝对位置；
顶部：120px；
底部：140px；
右：0；
宽度：120px；
身高：100%；
}

您的代码被过度约束，因为您为

顶部

、

高度

和

底部

指定了明确的长度

两个约束就足够了。不要指定高度，让它成为默认的自动高度

#导航右侧{
位置：绝对位置；
顶部：120px；
底部：140px；
右：0；
宽度：120px；
背景：蓝色；
}

---

您可能需要为此框的容器添加填充/边距。底部140px意味着它与底部的距离应该是140px，但是您有一个项目，它与顶部的高度偏移量为120px。我很好奇如果你把顶部去掉，底部会出现吗？我可能会尝试确保它是块元素并删除高度。顶部：120px+高度：100%，底部：140px不粘性。顶部和底部使其高度：100%；-（120像素+140像素）！！？！！是否需要使用绝对定位对箱子进行定位。如果没有，我建议在父对象上添加填充，然后让您的框为100%w/使用

框大小：边框框

它将最接近父对象设置绝对、固定或相对位置以设置底部值，如果没有父对象定位，它将以html为参考。我认为OP并没有提供所有相关的信息来提供帮助。你的“修正案”和我相信的一样，我知道这很简单。谢谢

#nav-right {
    position: absolute;
    bottom: 140px;
    right: 0;
    width: 120px;
    height: calc(100% - 120px - 140px);
}