Javascript 如何调整内部div的大小以使区域占据屏幕的100%_Javascript_Html_Css

Javascript 如何调整内部div的大小以使区域占据屏幕的100%

javascript html css

Javascript 如何调整内部div的大小以使区域占据屏幕的100%,javascript,html,css,Javascript,Html,Css,我有这样一个页面： <body> <div class="outerdiv"> <div class="someDiv"> <div class="flexible"></div> </div> <div class="someOtherDiv"></div> </div> </body> 我需要编写css和javascript，通过调整flexible div的大小，使

我有这样一个页面：

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

我需要编写css和javascript，通过调整flexible div的大小，使这个布局占据100%的屏幕

我特别欣赏能够处理复杂场景的解决方案，灵活的div嵌套在其他div中，并且内容是事先未知的。默认情况下，div是容器宽度的100%。因此，如果容纳flexible的容器不是文档的100%宽度，那么它就不是。您可以定位absolute并为其指定特定宽度，但它必须随着窗口的增大或缩小而更改

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


$（窗口）。调整大小（函数（）{
var windowWidth=$（window.width（）；
$（“.flexible”）.width（窗口宽度）；
});

StackOverflow不是一个“这就是我想要的，给我一个解决方案”的网站。您应该尝试自己解决这个问题，并在卡住时发布代码。对于灵活div，try

position:absolute

或

position:fixed

可能重复。