html - 如何让这组 div 成为宽度和高度上的可拉伸 div

Question

我在 5 月的页面中有这组 div，我无法在浏览器窗口重新调整大小时重新调整大小，我尝试使用在这个站点上找到的一些 Jquery 编码，但似乎 Div 只是在宽度上调整大小而不是在 w & H 上。

我的 div 图像在此链接上：

www.beemagic.co.uk/mydiv.html

Answer 1

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

我想出了这个非常基本的 JSFiddle，它表明如果你真的想要它，它就可以完成。

HTML：

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

CSS：

.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;
}

在这里演示