页面的垂直对齐方式为100%的高度

Vertical alignment for the page to 100% of height

本文关键字:100% 方式 高度 对齐 垂直      更新时间:2023-09-26

我有页面http://inspire.mobi/how,其中它是水平对齐的,但它没有正确地垂直对齐。

对于此页面http://inspire.mobi/how,在body部分有2个div(具有css类mainHow&botHow)。这两个div都在一个主div"mainHow"中,其高度是使用javascript(wondo.height-footerheight headerheight)计算的。内部2div(具有css类mainHow&botHow)是75%&占主div"mainHow"的25%。但它并没有覆盖整个高度。当我zommin&缩小页面(不是100%的页面大小),它在"bothow"div.下面留下了太多的部分

请帮我一下。

我看了一下这个网站,我可以看到一些可能导致它的错误。

您的divs mainHow&botHow,身高加起来高达105%。

在你设置的javascript中,你硬编码的页脚高度设置为110px,我看到页脚高为91px,所以你会有一个缺口。如果你解决了这个问题,它应该是全尺寸的。如果我理解正确的问题