在div不工作时设置margin-bottom

Question

我有一个div框，我位于浏览器的右侧，顶部边框很好，但我需要将底部的140px放在浏览器的底部，我可以＆似乎可以让它发挥作用。

想法？

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

Answer 2

您的代码过度约束，因为您为top，height和bottom指定了明确的长度。

两个限制就足够了。请勿指定height，请将其设为默认auto。

＆＃13;

＆＃13;

#nav-right {
  position: absolute;
  top: 120px;
  bottom: 140px;
  right: 0;
  width: 120px;
  background: blue;
}

＆＃13;

<div id="nav-right"></div>

＆＃13;

＆＃13;

＆＃13;