面积如何大小的内格，使占用屏幕的100％

-1

<body> 
<div class="outerdiv"> 
<div class="someDiv"> 
<div class="flexible"></div> 
</div> 
<div class="someOtherDiv"></div> 
</div> 
</body>

我需要编写CSS和JavaScript，使这个布局占用100％该屏幕通过调整灵活的div的大小。

我特别欣赏能够处理复杂场景的解决方案，其中灵活的div嵌套在其他div中，并且内容是事先未知的。

2012-07-18 Joe

StackOverflow不是“这是我想要的，给我一个解决方案”类网站。你应该尝试自己解决这个问题，并在卡住时发布你的代码。 – Wex 2012-07-18 20:46:45

可能的重复[如何使DIV占用容器div的其余高度？]（http://stackoverflow.com/questions/2023512/how-can-i-make-a-div-take -'-a-container-div的高度） – Wex 2012-07-18 20:47:54

尝试'位置：绝对'或'位置：固定'灵活的div。 – jzacharia 2012-07-18 20:49:10

默认情况下，divs是其容器宽度的100％。因此，如果容纳柔性的容器不是文档的100％宽度，那么它将不是。您可以定位绝对值并给它一个特定的宽度，但随着窗口的增长或缩小，它将不得不改变。

<script> 
$(window).resize(function(){ 
    var windowWidth = $(window).width(); 
    $(".flexible").width(windowWidth); 
}); 
</script>

2012-07-18 20:52:25 chadpeppers

回答