Untitled

dabblet.css

body, html{ margin: 0;}
#contenant { overflow: hidden }
.div { float: left; margin-bottom: -100%; padding-bottom: 100%; }
.rouge { background: red; width: 34%; }
.bleue { background: blue; width: 32%; }
.jaune { background: yellow; width: 34%; }
#footer{ height: 100px; background: silver; text-align: center; padding: 5px;}

dabblet.html

<div id="contenant">
  <div class="div rouge">une div rouge<br/>qui a une certaine hauteur<br/><br/>à cause de son contenu<br/><br/><br/>qui la fait descendre plus bas que les autres</div>
  <div class="div bleue">une div bleue</div>
  <div class="div jaune">une div jaune</div>
</div>
<div id="footer">footer</div>

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"all"}