0

Hola comunidad actualmente estoy teniendo un problema con un valor de posicionamiento absoluto. Resulta que he puesto la regla pero luego no puedo resetear el valor.

Esto es el valor normal seria para una imagen en SVG

 .kit {
               
                img {
                    width:60%;
                    bottom: 40px;
                    right: 40px;
                    position:absolute;
                    vertical-align: top;  
                }
            }

Lo que intento es hacer que el valor absoluto vuelva a seguir el orden de la maqueta HTML. Ya he intentado con varias cosas y sin ningún resultado:

position:relative !important; //sin resultado position:static !important; //sin resultado

¿Que podrá ser?

3
  • Según entiendo, el valor absoluto de 'img' resulta absoluto respecto al posicionamiento de 'kit'. que no aparece en tu código y de ese modo es heredado. Quizás, los elementos superiores estén determinando la posición y por eso no se comporte como esperas.
    – marcarand
    el 17 feb. 2019 a las 19:48
  • 2
    No se entiende muy bien la pregunta, quiza lo puedas resolver con display:inline o display:inline-blockpero sin mas información ni estoy seguro.
    – Montaycabe
    el 17 feb. 2019 a las 21:40
  • position: static deferia funcionar ya que es el posicionamiento por defecto de los elementos y no le afectan la propiedades top, bottom, left y right. Otra opción sería usar los valores initial o unset que devuelven el valor original a la propiedad en la que se usa. De todas formas estaría bien si puedes creas un ejemplo mínimo verificable donde se reproduzca el problema para ver que está pasando
    – user7176
    el 19 feb. 2019 a las 7:42

1 respuesta 1

0

Solución

Bueno luego de batallar me fuí a la documentación de CSS me dí cuenta de que el valor abosluto cuando se desmaqueta para volverlo a maquetar colocandolo dentro de un position:relative; con un tamaño en ese caso añadir fue un height: 500px; de esa forma me permitio ajustar sus tamaños y listo santo remedio. Saludos!

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.