box-sizing 4

box-sizing 4

by fatihhayri

HTML

<div id="kutu">
  <div class="kutuSol">Sol Kutu</div>
  <div class="kutuSag">Sağ Kutu</div>
</div>

CSS

#kutu {
  display:block;
  border:10px solid #069;
  padding:20px;
  width:200px;
  height:200px;
  background:#CCC;
}
.kutuSol {
  float: left;
  width: 30%;
  background-color: pink;
  border: 3px red dotted;
  height: 150px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.kutuSag {
  float: left;
  background-color: lightgreen;
  width: 70%;
  border: 3px green dotted;
  height: 150px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}