Question

它是<UL>上的默认余地!!抱歉我有一个5到20个项目的列表，我想让整个列表填满屏幕的高度。因此，我找到<html>的高度并将其除以<li>的数量，并将此数字设置为每个<li>的高度。问题是在列表后面出现了大约20px的底部空白区域。我想我需要找到窗户或身体的高度或其他东西。以下是我的一些代码：

var numRootOptions = $('.wrapper > ul > li').size();
var htmlHeight = $('html').height();
var newliHeight = htmlHeight / numRootOptions;
$('.wrapper > ul > li').css('height', newliHeight);
setInterval(function() {
    var htmlHeight = $('html').height();
    var numRootOptions = $('.wrapper > ul > li').size();
    var newLiHeight = htmlHeight / numRootOptions;
    var liHeight = $('.wrapper > ul > li').height();
    if (liHeight != newliHeight) {
        console.log('Different');
    }
}, 2000);

Answer 1

尝试innerHeight()而不仅仅是。height()

Answer 2

我要说你应该按照之前的建议使用$(window).height()或$('html').innerHeight。

Answer 3

<ul>上的默认边距是问题所在。抱歉这个愚蠢的问题！谢谢你们。

我应该得到什么高度（）使列表填充屏幕？

3 个答案: