将页面垂直对齐到高度的100％

我有页面http://inspire.mobi/how，它在水平方向很好地对齐，但不是垂直对齐。将页面垂直对齐到高度的100％

对于这个页面http://inspire.mobi/how，在身体部分有2个div（有CSS类mainHow & botHow）。这两个div都在一个主要div“mainHow”中，其高度使用javascript（wondow.height-footerheight-headerheight）进行计算。内部2 divs（拥有CSS类mainHow & botHow）75％& 25％的主div“mainHow”。但它并没有覆盖整个高度。当我缩小页面（不是100％的页面大小）时，它会在“bothow”div下方创建太多部分。

请帮我解决这个问题。

来源

2012-03-24 inderpreet singh

我看了一下this site，我可以看到一些可能导致它的错误。

您的div主要如何& botHow，高度合计为105％。

在你的javascript中，你已经设置好了.container高度，你已经硬编码的页脚高度被设置为110px，即时看到页脚高度为91px，所以你将有一个空白。如果你解决这个问题，它应该是全尺寸。如果我理解这个问题的权利

来源

2012-03-24 10:22:26 mcclennon19

感谢您的回复，我硬编码为110px，因为当时页脚高度不可用。现在我把它改为91px，但实际的问题是当你的页面大小不是100％时（放大和缩小）。所以那个时候假设你的页面大小是75％，那么剩下的就是一个小问题了。 – 2012-03-24 12:22:16

放大，我不能看到左侧的差距。如果出现问题，您将要检查变焦。这个答案应该有助于[链接]（http://stackoverflow.com/questions/6117349/how-to-keep-a-div-constant-in-size-as-the-user-zooms-in-and-out-在页式） – mcclennon19 2012-03-26 10:22:39

将页面垂直对齐到高度的100％

回答

相关问题