Question

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

我的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;
}

DEMO HERE

如何让这组Div在宽度和宽度上成为可伸缩的div。高度

1 个答案: