这对于 CSS 来说可能是不可能的，但也许我错了：
我有这样的文档结构：
BODY
DIV[A]
DIV[B]
DIV[A] 是position:absolute具有固定宽度并在屏幕上居中。它没有高度设置。
DIV[B] 是position:absolute with top:300px。这是实际的内容 DIV。在里面，我用position:absolute来定位所有东西。因为我喜欢立场：绝对。它可以完全控制定位。没有丑陋的文本流头痛......这真是太好了。
好的。但现在的问题是：DIV[B] 始终只是这样height我告诉它是什么。现在，也许有一个很酷的 CSS 技巧，可以将其始终拉低以触摸浏览器视口的底部？
要将高度动态设置为窗口高度 - DIV[A] 的高度，您必须使用 JavaScript/jQuery 并继续使用SetTimeout.
或者，如果适合您的需要，您可以将 DIV[B] 设置为position:fixed; bottom:0px;
<body onload="setupLayout();" >
...
<script language="javascript" type="text/javascript">
// ACTIVITIES TO RUN FOR THE PAGE
function setupLayout() {
setInterval('adjustLayout();', 1000);
}
// ADUST THE MAIN CONTAINER (content panel) LAYOUT
function adjustLayout() {
try {
var divB = $get('divB');
var divAHeight = 20px;
divB.style.height = document.body.clientHeight - divAHeight ;
}
catch (e) { }
}
</script>
</body>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
