Maestros: Estoy aprendiendo a usar la propiedad Transition de CSS, lo que quiero hacer es que al pasar el mouse por sobre el div este se expanda hacia abajo hasta los 120px, hasta ahí todo sale bien. El problema es que al crecer este div "empuja" al div que esta abajo.
Lo que necesito hacer es que al estirarse el DIV superior este quede encima del DIV inferior, es posible hacer esto??
Cualquier ayuda es bienvenida.
CSS
Código HTML:
<style type="text/css">
div.expa{
width:100px;
height:60px;
margin:5px;
background-color: red;
transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
#fijo{
width: 100%;
height: auto;
color: cyan;
background-color: green;
}
div.expa:hover {
height:120px;
}
</style> HTML
Código HTML:
<div class="expa">Texto</div>
<div id="fijo"><p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam
malesuada erat ut turpis. Suspendisse urna nibh, viverra non,
semper suscipit, posuere a, pede.
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor
mauris sit amet orci. Aenean dignissim pellentesque felis.</p>
</div> Saludos