<style type="text/css">
<!--
#auto {
overflow:auto;
}
#visible {
overflow:visible;
}
#oculto {
overflow:hidden;
}
#barras {
overflow:scroll;
}
-->
</style>
<style type="text/css">
<!--
#auto {
overflow:auto;
}
#visible {
overflow:visible;
}
#oculto {
overflow:hidden;
}
#barras {
overflow:scroll;
}
-->
</style>
Esta capa tiene establecida la propiedad overflow
en
auto y se muestra completa aunque sus dimensiones son
width:200px height:80px;
Este párrafo se ha añadido para aumentar la longitud del texto.
Esta capa tiene establecida la propiedad overflow
en
visible y se muestra completa, invadiendo el espacio de
los elementos que van a continuación y
superponiéndose a ellos.
Esta capa tiene establecida la propiedad overflow
en
hidden y muestra sólo el texto que cabe
dentro de las dimensiones establecidas que son de 200x80 como en los
otros casos.
Este párrafo se ha añadido para aumentar la longitud del texto.
Esta capa tiene establecida la propiedad overflow
en
scroll y se muestra completa añadiendo las
barras de desplazamiento.
Si has visto la
página con Internet Explorer habrás comprobado
que con el valor overflow:visible la capa
aumenta su tamaño
y desplaza al resto de elementos en lugar de superponerse a ellos.
