机身高度比屏幕高度大100%
机身高度比屏幕高度大100%
提问于 2014-12-24 00:08:27
我已经将我的html body标签高度设置为100%，但是在火狐浏览器中，它比屏幕多显示几个像素，所以会出现一个导航滚动条。除了指定任意height :98%之外，我还能如何调整它呢？我已经将padding和margin设置为零。
我只对css使用bootstrap，如果这很重要的话。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-12-24 00:15:21
检查body中的元素。其中一个可能有边距，甚至内容超出了body元素。只需尝试逐个删除火狐dev.tools中的所有内部元素，并注意删除哪些元素可以解决问题。
Stack Overflow用户
发布于 2019-06-26 07:15:55
继续上面的回答，我注意到填充也会产生同样的效果，但只有在检查元素时才能注意到。
<button class="sbtn">
<span class="text">
my btn
</span>
</button>
.sbtn {
height: 5vh;
background-color: red;
}
.text {
padding: 10vh;
color: white;
}Stack Overflow用户
发布于 2021-03-13 15:51:00
尝试将其添加到您的主CSS文件中。
/* CSS */
* {
box-sizing: border-box;
}border-box告诉浏览器考虑您为元素的宽度和高度指定的值中的任何边框和填充。如果将元素的宽度设置为100像素，则该100像素将包括您添加的任何边框或填充，并且内容框将收缩以吸收额外的宽度。这通常会使调整元素的大小变得更容易。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27623949
复制相关文章
相似问题