Html 获取纯CSS、手写笔或笔尖中另一个元素的高度

我想用CSS实现一个导航栏

HTML

我知道一个解决方案是使用jQuery，但现在我正在学习纯CSS，并计划继续使用Meteor中的手写笔和笔尖所以。。。有CSS风格的解决方案吗

---

您能在“样式表”中进行一些计算以获得其他元素的高度吗，即使它需要手写笔？

首先，计算屏幕的高度（以像素为单位），低于该高度的

min height:Ypx工作

如果屏幕高度为H
<nav>
    Navbar content
</nav>
<div id="mainContent">
    Main page
</div>

nav {
    position:fixed;
    height: X%;
    min-height: Ypx;
}

#mainContent {
    margin-top: Z; // where Z is the height of nav which is either X% or Ypx
}

`@media screen and (max-height:Hpx) {
#mainContent {
                 margin-top: Ypx;
             }
}