Pregunta CSS (webkit): anulando la parte superior con la parte inferior en el elemento de posición absoluta


Tengo un problema al anular algunos plugins CSS. La edición de ese CSS directamente no es realmente una opción, ya que haría la actualización del plugin más arriesgada.

El problema: un elemento tiene un posicionamiento absoluto, y tiene la parte superior: 0px en el original. Quiero anularlo por abajo: 0px.

Por el bien del ejemplo

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

En Firefox esto funciona bien (abajo: 0 es el estilo aplicado), pero safari / cromo no parece estar por encima: 0.

Puedo evitar este problema, pero sería bueno encontrar una solución limpia.


75
2018-02-22 12:19


origen


Respuestas:


Utilizar top: auto reiniciar" top a su valor inicial.

bottom es una propiedad totalmente separada de top (un elemento puede tener tanto un top y bottom), entonces quizás no necesites bottom nunca más.

Además, asegúrese de que su selector de anulación es lo suficientemente específico, pero no parece que ese sea el problema en este caso.


171
2018-02-22 12:23



.my .element { position: inherit !important; top: auto; }

5
2017-07-27 23:48