Question

我想如果你有一个css高度的div：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和10px。然后swf将占用所有剩余空间，即100％。但是，这会使页面增长并具有垂直缩放。

如何将页面设置为具有20px的标题，10px的页脚和占用所有剩余空间而没有垂直滚动的swf。如果缩放浏览器，这当然必须工作。

Answer 1

默认情况下，<div>为position:static，不会建立新的定位上下文。儿童的所有宽度，高度和位置都不是相对于div本身，而是它当前定位的父母。

要使您的div建立新的坐标系，请将其设置为position:relative或position:fixed或position:absolute。