Knowledge Base

¿Qué es esto?

CSS: Hacer una capa que contega dos capas más, con anchos distintos, en la misma fila

11/06/2015 - 17/12/2018 -  Comentarios - CSS

Es muy importante que la capa right la pintemos antes de la left, por muy antiuitivo que parezca, sino no funciona.

<div id="member-settings-form">

     <div class="right">right div</div>

     <div class="left">left div</div>

</div>

#member-settings-form

{

    width: 100%;

    border: solid 5px;

    border-style: dotted;

    overflow: hidden;

}

#member-settings-form div.left

{

    background-color: yellow;

    width: 22%;

    float:left;

    overflow: hidden;

    text-align: right;

}

#member-settings-form div.right

{

    background-color: orange;

    width: 78%;

    float:right;

    text-align: left;

}