Javascript 调整大小时使父对象的div大小

是否可以在调整窗口大小时将div设置为其父级的大小

我目前有以下html

<div class="sliderContainer">
    <div id="cyler">
        <div class="cy1" style="background-image:url(images/Keggy_Banner_Ie.jpg); background-position:center center; background-size:2000px 390px;  height:390px;"></div>
        <div class="cy1" style="background-image:url(images/Bravissimo_Banner_ie.jpg); background-position:center center;  background-size:2000px 390px; height:390px;"> </div>
        <div class="cy1" style="background-image:url(images/Radley_Banner_ie.jpg); background-position:center center;  height:390px;"> ></div>
        <div class="cy1" style="background-image:url(images/Tiger_Banner_ie.jpg); background-position:center center; height:390px;"></div>
    </div>
</div>

---

在调整大小功能中计算窗口宽度

$(window).resize(function () {
    delay(function () {
        var sizl = $(window).width();
        $("#cycler .cy1").width(sizl);
    }, 500);
});

---

您可以这样设置：

  var windowWidth = $(window).width();
  $('#cycler .cy1').css({'width':windowWidth});

---

为什么不将

宽度设置为
100%
？尝试过-在页面加载时有效-在大小调整时无效当时可能有一位家长也需要
宽度：100%
。您尝试过在家长上设置样式显示：内联块吗？我会尝试，但不保证：）
  var windowWidth = $(window).width();
  $('#cycler .cy1').css({'width':windowWidth});