jak nadpisać left: 0 za pomocą CSS lub JQuery?


104

Mam element, który ma następujący CSS:

.elem {
  left: 0;
  position: fixed;
  right: 0;
  width: 60%;
  z-index: 1000;
  }

Element nie obejmuje całego ekranu. Chciałbym, żeby „wyrównało się” do prawej strony ekranu.

Byłoby to łatwe, gdybym właśnie usunął left: 0 , ale nie mogę manipulować powyższym CSS, więc potrzebuję trochę CSS lub Jquery, aby zastąpić, wyłączyć lub usunąć lewy: 0 CSS.

Dzięki za pomoc!

Odpowiedzi:


238

Domyślna wartość dla leftto auto, więc po prostu ustaw ją na taką, a zresetujesz ją.

.elem {
  left: auto;
}

Upewnij się, że powyższe informacje znajdują się po oryginalnym pliku CSS.


1
DZIĘKI! Próbowałem '', ale to już mnie nie rozumiało. Dobrze wiedzieć.
częste

@frequent Możesz użyć wartości takich jak „”, jeśli korzystasz z Javascript, tak, ale nie w CSS. W każdym razie, ale czy nie powiedziałeś, że nie możesz majstrować przy arkuszu stylów? W takim przypadku style="left:auto"atrybut w samym elemencie załatwiłby sprawę , nadpisując arkusz stylów.
Pan Lister

8

Korzystanie z CSS:

.elem {
    left: auto;
}

Korzystanie z JQuery:

$(".elem").css("left", "auto");

4

autoWłaściwość Try w CSS, która jest równa wartości domyślnej.


2

Z jQuery:

$(".elem").css("left", "");

czy to nie resetuje go do określonej wartości (w tym przypadku „0”)?
Dion

1
@Antonio: W rzeczywistości oznaczałoby to ustawienie nieprawidłowego „lewego” atrybutu html, na przykład <div left="0">zamiast zmiany css. Chociaż komentarz Jana wciąż jest aktualny (tj. Nie ma potrzeby używania JS), można to zrobić za pomocą $(".elem").css("left", "");czy czegoś.
ov

Ops, to prawda ... edytuj i umieść to możliwe rozwiązanie. Dzięki.
Antonio Beamud,

0

Niezależnie od tego, czy ten wyodrębniony styl jest stylem zewnętrznym, czy wewnętrznym, możesz zastąpić go stylem wewnętrznym, takim jak:

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.