我认为如果你有一个css高度为100%的div,那么嵌套在其中的任何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占用所有剩余空间而不进行垂直滚动。当然,如果浏览器是缩放的,这仍然需要工作。
发布于 2013-02-22 10:28:37
默认情况下,<div>为position:static,它不会建立新的定位上下文。子级的所有宽度、高度和位置都不是相对于div本身,而是相对于其当前定位的父级。
要使您的div建立一个新的坐标系,请将其设置为position:relative、position:fixed或position:absolute。
https://stackoverflow.com/questions/15015842
复制相似问题