父母的DIV高度100％

您可以設置並強制div的高度爲瀏覽器窗口的100％，100％的div和100％的表格單元格嗎？我找不到在堆棧溢出或其他地方不是複雜的解決方案。父母的DIV高度100％

2013-07-02 ryanjohnsond

試用谷歌：http://www.barelyfitz.com/screencast/html-training/css/positioning/ –

它可以使用absolute定位

.fullHeight 
{ 
position: absolute; 
top: 0px; 
bottom: 0px; 
}

來源

2013-07-02 21:42:49 Sachin

我想絕對定位是使用一個邪惡，邪惡的東西。 – ryanjohnsond

@ user2374200：不建議這樣做，但對於某些場合（例如進入網站時出現警告標語），這非常有用。只是在沒有必要時不要應用它。 –

但這一切都取決於我們的要求。如果我們想要像這樣的東西，那麼我認爲它不是一個壞習慣 – Sachin

百分比高度，作爲它的父元素的百分比來測量是可能的。如果你想使一個DIV佔據瀏覽器窗口的100％，那麼你需要付出100％的身體（其父），以及：

html, body { 
    height: 100%; 
}

如果DIV包含在另一個元素，那麼這也將需要使用100％（意思是其父母元素的100％）或被賦予特定高度。

來源

2013-07-02 21:48:39

這個解決方案是可調整的和更多的語義。 – mgamba

謝謝@mgamba。但是有一個限制條件，那就是100％的高度沒有考慮父元素的填充或邊界。所以我們可以發現，例如，body出現在div下方，有時會導致不需要的滾動條出現。這個問題詳細討論[這裏]（http://stackoverflow.com/questions/485827/css-100-height-with-padding-margin） –

-1

嘗試使底部邊距100％。

margin-bottom: 100%;

來源

2013-12-29 15:55:18

父母的DIV高度100％

回答

相關問題