HTML.it - Guida CSS di base - Box model

Calcolo della larghezza automatica in base al contenitore

Area del contenuto del div .box-1

La larghezza di questo box, non avendo impostato alcun valore per width, corrisponde automaticamente alla width dell'elemento contenitore.

<div class="box-1">
 <p>Area del contenuto [...]</code></p>
  <div class="box-2">
   <p>La larghezza di questo box [...].</p>
  </div>
</div>

.box-1 {
 width: 400px;
 height: 400px;
 border: 5px solid #002c53;
 background: #568ec0;
}
.box-2 {
 border: 5px solid #002c53;
 background: #568ec0;
}