div高度为100%，但顶部和/或底部仍有空间
div高度为100%，但顶部和/或底部仍有空间
提问于 2015-04-23 22:14:32
我正在尝试创建一个具有position: fixed和height: 100%的侧导航栏，但是当我尝试使用这个工具时，总是会有一些空白，您可以看到div下面或上面的背景。顺便说一句，我也试着让height像1000px一样，但是我仍然有同样的问题。
HTML:
<div id='navbar'></div>CSS:
#navbar {
background-color:black;
width:100px;
height:100%;
z-index:99;
position:fixed;
left:-10px;
bottom:10px;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2015-04-23 22:17:37
我猜您将bottom: 10px设置为将您的#navbar推到具有10px间距的顶部，这将在底部产生相同的间距。通过将top: 0; bottom: 0;(应该删除bottom: 10px;)应用于#navbar元素，您可以强制您的元素从它的父级高度开始/结束。
P.S. top: 0是多余的，但是我已经设置它来演示这个概念。
Stack Overflow用户
发布于 2015-04-23 22:20:11
https://jsfiddle.net/7oxyvab5/2/
navbar的底部在CSS中设置为10 in。
#navbar {
background-color:black;
width:100px;
height:100%;
z-index:99;
position:fixed;
left:-10px;
bottom:0px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29835295
复制相关文章
相似问题
腾讯云开发者
