DIV normal con dos hijos
Los ARTICLE se pusieron en inline-block y se les dió un with:33%
DIV normal con dos hijos
Flotamos el azul a la derecha y el verde toma la posición. Como si fuera un absolute
Flotamos el azul a la izquierda
Flotamos el azul a la derecha pongo mucho rojos más pequeños y les doy inline-block y solo llena hasta donde flota el otro. O lo puedo flotar a la isquierda y a partir de ahí y los que quepan en cada línea
Con el float a la izquierda
Es una coordenada en el eje de las Z que es entera ya sea negativa o positiva por defecto todos tienen 0. Para que funcione se debe especificar un position
El DIV verde tiene position absolute para que tome lo del padre. Y el padre relative para que el absolute no se salga
Se le pone al azul el z-index para que quede arriba, positivo, además de que se le pone position:relative patra que tome el z-index:1;
el overflow:hidden; esconde todo lo que se salga del DIV. El primer DIV verde no se le pone nada y el texto de su P pasa al DIV de abajo. Al segundo DIV verde si se le pone y su texto se oculta
Etiqueta muy grande para que se salga del DIV y sirva como ejemplo
Etiqueta muy grande para que se salga del DIV y sirva como ejemplo
Se ponen 3 DIV
Se le pone display:none al verde y entonces desaparece y no se respeta su espacio
Se le pone visibility:hidden; al verde y ahora desaparece pero se respeta su espacio
Opacity va de 0 a 1 y respeta su espacio. El 0 sería igual que el vibility hidden o sea que no es nada opaco, completamente transparente
Opacity 0.25
Opacity 0.5