-1

私はこのようなページを持っています：

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

フレキシブルdivのサイズを調整して、このレイアウトが画面の100％を占めるようにするには、cssとjavascriptを作成する必要があります。

特に、柔軟なdivが他のdivにネストされていて、コンテンツが事前に知られていない複雑なシナリオを処理できるソリューションに感謝します。

4

1 に答える 1

1

デフォルトでは、div はコンテナーの幅の 100% です。したがって、flexible を保持するコンテナーがドキュメントの 100% 幅でない場合、そうはなりません。絶対に配置して特定の幅を与えることができますが、ウィンドウが拡大または縮小するにつれて変更する必要があります。

<script>
$(window).resize(function(){
  var windowWidth =  $(window).width();
  $(".flexible").width(windowWidth);
});
</script>
于 2012-07-18T20:52:25.303 に答える