css 高度有滚动条不能100%

在使用CSS布局的过程中，我们可能会遇到一些问题，比如高度有滚动条的元素不能100%的问题。这种问题的根本原因是因为元素的高度计算不准确，导致出现了滚动条。下面，我们来看一下如何解决这个问题。

/* 设置box的高度 */.box {
    height: 100%;
    overflow: auto;
}

如果在元素设置高度时出现了滚动条，我们可以通过设置元素的overflow属性来解决这个问题。比如，我们可以将元素的overflow属性设置为auto，这样就可以将容器的高度设置为100%，并将溢出的内容显示在滚动条内。

/* 设置body的高度 */body {
    height: calc(100vh - 20px);
}
    

另外，如果我们的元素是在body标签中，可以通过设置body的高度来解决滚动条不能100%的问题。使用calc函数可以减去底部其他的元素的高度，这样就能够计算出正确的高度，避免了滚动条的出现。

总的来说，解决元素高度有滚动条不能100%的问题主要靠调整元素的高度计算及设置元素的overflow属性。以上两种方法都可以解决这个问题，大家可以根据自己的实际情况进行选择。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！