He estado golpeando mi cabeza en este caso. Quiero posicionar de forma absoluta una imagen en la que me moveré en un div y quiero recortar cualquier cosa que se extienda fuera del div. Aquí hay un ejemplo del problema:Desbordamiento de CSS oculto con la posición absoluta
<html>
<body>
<div style="width: 500px; height: 200px; border: 1px solid black; overflow: hidden;">
<div style="width: 200px; height: 50px; margin: auto; border: 1px solid black; background: gray;">On top of image.</div>
<div style="position: absolute; top: 10px; left: 250px; z-index: -1;"><img src="http://www.google.com/logos/worldcupfinale10-hp.gif" /></div>
</div>
</body>
</html>
Por lo tanto, quiero que el borde derecho del logotipo no se muestre. Ideas?
OK, tenía miedo de eso. ¡Gracias! –
Hm qué pasa con este ejemplo '
Esto no es correcto. Agregar desbordamiento: oculto; a su contenedor principal hará que el elemento absolutamente posicionado dentro de él no se muestre afuera. –