Quiero saber si utilizando CSS puedo cambiar la posición del contenedor, al pasar el mouse sobre un div que está dentro de él.
Tengo un div contenedor que contiene otros dos divs, uno al lado del otro, y etoy tratando de que el contenedor se mueva a la derecha, cuando el mouse está sobre el div left.
Código CSS :
<style>
#contenedor1{display: block; width:110%; left:-10%; position:relative; background-color:blue;}
#left{display:inline-block; width:10%; height:600px; left:0%; border:1px solid #009; float:left; background-color:#bb7; }
#cuerpo{ display:inline-block; height:600px; width:89%; background-color:green}
</style>
Código HTML :
<div id="contenedor1"> <div id="left">Izquierda</div> <div id="cuerpo">Cuerpo</div> </div>
