理解div和CSS

Question

我想如果你有一個div與CSS高度：100％，那麼任何div的嵌套在裏面，只會佔用其父div的空間。這似乎並非如此。

我想在網頁上有一個頁眉和頁腳到我的Flash遊戲。我不想有任何垂直滾動，內容應占據整個頁面。我有一個div格式如下

<div id="wrapper"> 
    <div id="header"></div> 
    <div id="swfcontent"></div> 
    <div id="footer"></div> 
</div> 

我使包裝有100％的高度，然後我使首標具有3％的高度，swfcontent 95％的高度和頁腳2％的高度。這可行，但有一個頭隨瀏覽器大小縮放是不可取的。這將使我的標誌規模和扭曲。

我想要做的是讓頁眉和頁腳具有20和10像素的靜態像素大小。然後瑞士法郎將佔用剩下的所有空間，即100％。但是，這會使頁面增長並具有垂直縮放。

如何將頁面設置爲具有20px的頁眉，頁腳爲10px，並且swf佔用所有剩餘空間而不進行垂直滾動。如果瀏覽器縮放，這當然必須工作。

Answer 1

默認情況下，<div>是position:static，它不建立新的定位上下文。兒童的所有寬度，高度和位置都不是相對於div本身，而是其當前定位的父親。

要使您的div建立新座標系，請將其設置爲position:relative或position:fixed或position:absolute。