Mengeset Ukuran Tinggi dan Lebar Elemen Lain berdasarkan Ukuran Suatu Elemen

by Taufik Nurrohman

HTML

<div id="mainbox"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

CSS

#mainbox {
  width:200px;
  height:50px;
  background-color:green; 
  margin:10px 10px;    
}

.box {
  background-color:black;
  margin:10px 10px;
  float:left;
 /* tinggi dan lebar elemen ini akan dibuat di dalam JavaScript */    
}

JavaScript

var boxWidth  = $('#mainbox').width(),
    boxHeight = $('#mainbox').height();
$('.box').css({
    width: boxWidth,
    height: boxHeight
});