將頁面垂直對齊到高度的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％

回答

相關問題