Html 如何使这组div在宽度和宽度上都是可伸缩的div；高度

我在5月份的页面上有这组div，我无法在浏览器窗口上重新调整整个div的大小。我尝试使用在这个网站上找到的一些Jquery编码，但看起来div只是在宽度上调整大小，而不是在宽度和宽度上

我的divs图像位于此链接上：

---

www.beemagic.co.uk/mydiv.html

不太确定你的目标是什么，从外观上看，你希望整个网站能够调整大小

我提出了这个非常基本的JSFIDLE，它表明，如果您真的希望这样做，它是可以做到的

HTML:

<div class="wrap">
    <div class="header"></div>
    <div class="content">
        <div class="side"></div>
        <div class="slider"></div>
    </div>
</div>

.wrap {
    height: 1000px;
    width: 100%;
    border: green 2px solid;
}
.header {
    height: 19%;
    width: 99.6%;
    border: blue 2px solid;
    margin: 5px;
}
.content {
    height: 79%;
    width: 99.6%;
    border: red 2px solid;
    margin: 5px;
}
.side {
    height: 85%;
    width: 20%;
    border: purple 2px solid;
    margin: 5px;
}
.slider {
    height: 10%;
    width: 99%;
    border: gold 2px solid;
    margin: 5px;
}

---

向我们展示您目前的代码，以便我们提供帮助。仅仅告诉我们这个问题并不能帮助我们帮助你。你也可以在问题中添加图片！