Malo es una librería muy pequeña que nos puede ahorrar gran trabajo a la hora de maquetar en CSS. Malo es un derivado de otro framework de mayor tamaño (Emastic CSS Framework). Malo es muy ligero -apenas 8 líneas de CSS-, muy flexible y fácil de usar. Malo está basado en el que cada columna puede ser dividida en dos, tres, cuatro o cinco partes.
- 100% = 50% + 50%
- 100% =~ 33,33% + 33,33% + 33,33%
- 100% = 25% + 25% + 25% + 25%
- 100% = 20% + 20% + 20% + 20% + 20%
También se pueden anidar columnas. Por ejemplo:
100% = 50% + 50% ( y dentro 25% + 25% + 25% + 25%)
Un ejemplo podría ser:
<div class="dp100">col 1</div>
<div class="dp100">
<div class="dp50">col 2</div>
<div class="dp50">
<div class="dp50">col 3</div>
<div class="dp50">col 4</div>
</div>
</div>
que daría una estructura similar a ésta:
