首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >了解div和CSS

了解div和CSS
EN

Stack Overflow用户
提问于 2013-02-22 10:25:59
回答 1查看 256关注 0票数 1

我认为如果你有一个css高度为100%的div,那么嵌套在其中的任何div都只会占用其父div的空间。情况似乎并非如此。

我试图在我的flash游戏的网页上有一个页眉和页脚。我不想有任何垂直滚动和内容应该占据整个页面。我有一个div格式,如下

代码语言:javascript
运行
复制
<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占用所有剩余空间而不进行垂直滚动。当然,如果浏览器是缩放的,这仍然需要工作。

EN

回答 1

Stack Overflow用户

发布于 2013-02-22 10:28:37

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

要使您的div建立一个新的坐标系,请将其设置为position:relativeposition:fixedposition:absolute

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15015842

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档