css ile ile akıllı genişlik yapma YARDIM

selamun aleykum arkadaşlar ben css ile nasıl akıllı genişlik yapabilirim

mesela ilk div %75 bir genişlik değer verdim içine yan yana 5 adet diktörtgen yapmak istiyorum buda %18 gibi bir değer olsun ben istiyorumki ekrana göre bu kutular kendisini ilk oluşturduğum dive göre kendini büyütüp küçültebilsin mesela şu sitede öyle bir şey var

http://demo.safirtema.com/emek/

Responsive tasarımı araştırmanızı öneririm, buradan başlayabilirsiniz:
http://fatihhayrioglu.com/css-3-medya-sorgulari/

responsiveyi biliyorum yapamadığım konu o zaten verdiğim sitedeki gibi site küçülüp büyüğü zaman içindeki çerceveli div ona gör yerleşip kendini ayarlamada sıkıntı cıkıyor onu nasıl halledebilirim css falan biliyorum

Bize sitenizi, kodlarınızı vs. verirseniz inceleyelim.

Bootstrap kullanın yada sadece grid sistemi için yazılmış css ler var küçük boyutlarda şuan isim olarak bilemedim ama bikaçtane denk gelmişti bi ara.. araştırısanız bulabilirsiniz. 0 dan yazmak çok uğraştırır. css bilginiz azsa zaten yapamazsınız.

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

body{
background:#EEEEEE;

}

.table,tr,th,td
{
border-width:2px;
border-color:Black;
border-style:solid;
}

.cerceve{
width:75%;
height: outo;
padding:5px;
border:solid 2px skyblue;
position: relative;
margin: auto;

}
.header{

width:100%;
height: 80px;
padding:5px;
border:solid 1px green;
}
.rek350{
display: inline-block;
width:20%;
height: 150px;
padding:1px;
border:solid 1px red;

}
.index{
display: inline-block;
width:60%;
height: outo;
padding:5px;
border:solid 1px purple;
position:static;
}
.slider{
display: inline-block;
width:20%;
height: outo;
padding:5px;
border:solid 1px purple;
position:static;
}
.footer{
display: inline-block;
width:74.5%;
height: 80px;
padding:5px;
border:solid 1px red;
}


















<script></script>
<script></script>
<script></script>