如何讓這一套divs在寬度和高度上可伸縮divs

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

DEMO HERE