CSS (webkit): nadpisywanie góry i dołu w elemencie pozycjonowanym bezwzględnie

83

Mam problem z zastąpieniem niektórych wtyczek CSS. Edycja tego CSS bezpośrednio nie wchodzi w grę, ponieważ aktualizacja wtyczki byłaby bardziej ryzykowna.

Problem: element ma pozycjonowanie bezwzględne i w oryginale ma top: 0px. Chcę zastąpić to na dole: 0px.

Dla przykładu 

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

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

W przeglądarce Firefox działa to dobrze (dół: 0 to zastosowany styl), ale safari / chrome nie wydaje się być przesadzone: 0.

Mogę obejść ten problem, ale miło byłoby wymyślić czyste rozwiązanie.

css webkit css-position Marcus
źródło
Dno zostało zastosowane również w przypadku webkita, a dolna definicja była bardziej szczegółowa. ! Ważny sprawia, że ​​jest on „bardziej szczegółowy”. Problem polegał na tym, że wydaje się, że najpierw obliczyłem górę, dlatego potrzebowałem sposobu, aby go zresetować.
Marcus,

Odpowiedzi:

197

Służy top: autodo „resetowania” topdo wartości początkowej .

bottomjest całkowicie oddzielną własnością top( element może mieć zarówno a, jak topibottom ), więc być może nie będziesz bottomjuż potrzebować .

Upewnij się również, że twój selektor override jest wystarczająco szczegółowy , ale nie wygląda na to, że to jest problem w tym przypadku.

trzydzieści kropek
źródło
5
top: auto było tym, czego szukałem. Próbowałem sprawdzić dokumentację CSS punktu witryny itp., Ale nie mogłem go znaleźć. Próbowałem: brak (losowo: D). Dzięki.
Marcus,
5 
.my .element { position: inherit !important; top: auto; }
Chris Godwin
źródło