設置邊緣底部的div不工作

Question

我有一個div盒，我已經定位在瀏覽器的右側，頂部邊框很好，但我需要底部的框底部140px的瀏覽器，我似乎無法得到這個工作。

Ay的想法？

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

Answer 1

你的代碼是過度約束，因爲你top，height和bottom指定明確的長度。

兩個約束就足夠了。不要指定height，讓它成爲默認的auto。

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

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

Answer 2

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