CSS分区100%高度

我正在开发这个，我希望右边的边栏有100%的高度

body { 
    height: 100%; 
    min-height: 100%;
    position: relative;
}

mydiv { 
    height: 100%; 
    min-height: 100%; 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0;
    width: 290px;
}

我读了很多答案，尤其是这个（普雷斯塔尔答案）：

但对我来说，这个把戏不起作用，小提琴的例子也不起作用

---

也设置html标记。这样就不需要奇怪的位置黑客

---

html，正文{height:100%}

尝试将正文样式设置为：

body { position:relative;}

---

这对我很有效

我还有另一个建议。如果希望myDiv的高度为100%，请在div上使用以下3个额外属性：

myDiv {
    min-height: 100%;
    overflow-y: hidden;
    position: relative;
}

那应该可以了

旨在简化创建这些类型的布局

html{
身高：100%；
}
身体{
身高：100%；
显示器：flex；
}
.内容{
柔性生长：1；
}
.侧边栏{
宽度：290px；
弹性收缩：0；
}

内容
侧边栏

是指顶部的两个像素空白吗？将你的身体边距设置为

0

，它应该会起作用。正如你所看到的，我已经这样做了，在这里你可以在我的网站上看到JSFIDLE示例。。。它不起作用相反，你已经将身体样式设置为

body{height:100%；min height:100%；position:relative；}

我建议你应该将它设置为

body{position:relative；}

我想知道为什么这不是选择的答案？然而，将身体位置设置为“相对”并不是一个好的做法。。！！我试过这个，效果很好。我打算为div设置一个最小高度，但它会创建一个滚动条。这个解决方案非常优雅。