Question

我有一个这样的页面：

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

我需要编写css和javascript，通过调整灵活div的大小来使这个布局占据屏幕的100％。

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

Answer 1

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

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