如何使div擴展到頁面的右側和頁面的底部

Question

我需要創建一個div，其左上角與其父窗口的左上角對齊，右側與右邊緣對齊頁面，底部與頁面底部對齊。有誰知道這可以用CSS來完成嗎？

Answer 1

<div>本身在哪裏？

如果你也絕對定位父母，你可以用vh和vw單位來達到這樣的效果;

div.parent{ 
    position: absolute; 
    top: 10vh; 
    left: 10vw; 
} 

div.child{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 90vw; // Remainder of viewport width 
    height: 90vh; // Remainder of viewport height 
} 

這將使div.child對齊到div.parent的左側，但拉伸瀏覽器的長度和高度。

如果你想這是計算的東西，你最好想用javascript/jQuery。