我在页面的左侧有一个导航栏,我想让它伸展到页面高度的100%。不仅包括视口的高度,还包括滚动之前隐藏的区域。我不想使用javascript来完成这项工作。
它可以在HTML/CSS中完成吗?
发布于 2014-11-13 04:27:58
使用HTML5,最简单的方法就是执行height: 100vh
。其中'vh‘代表浏览器窗口的视区高度。响应浏览器和移动设备的大小调整。
发布于 2012-06-15 02:08:11
我遇到了类似的问题,解决方案是这样做:
#cloud-container{
position:absolute;
top:0;
bottom:0;
}
我想要一个以页面为中心的div,高度是页面高度的100%,所以我的总体解决方案是:
#cloud-container{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width: XXXpx; /*otherwise div defaults to page width*/
margin: 0 auto; /*horizontally centers div*/
}
您可能需要使父元素(或简称为“position: relative;
”)具有正文
发布于 2009-04-03 06:06:23
你可以用Faux Columns作弊,也可以用CSS trickery作弊
https://stackoverflow.com/questions/712689
复制相似问题