Démo flexbox : flex-basis

by Arnaud

HTML

<div class="conteneur">
<div class="elementConteneur elementConteneur1">
un
</div>
<div class="elementConteneur elementConteneur2">
deux
</div>
<div class="elementConteneur elementConteneur3">
trois
</div>


</div>

CSS

.conteneur{
  display:flex;
  background:#eee;
padding:10px;
border: 5px dotted #666;
width:500px;
}


.elementConteneur{
  border:1px solid #ccc;
  padding:10px;
  width:100px;
}

.elementConteneur2{
    flex-basis :200px;
background:#ccc
}