Problemas con float y hover

Pin It
Al añadir un hover que crea un borde, con el tamaño que sea incluso un pixel, en una div con la propiedad float, las cajas cambian de posición. Esto se debe a que el modelo W3 incluye el border en el cálculo del ancho de la caja (width). Al modificar ese ancho en el estado hover, obligas a recalcular el ancho y reajustar el orden de los elementos. Una posible solución: Añadir el borde en la caja inicial (sin hover), con el color de fondo si no quieres que se vea. div{ width:90%; margin:3em auto 3em auto; padding:150px .2em .2em .2em; box-sizing: border-box; border:1px solid #fff; } div{ border:1px solid #c0232e; }

Los comentarios están cerrados.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.