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!

css css-position częsty
źródło

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.

Jan Hančič
źródło
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");
Mohammad Anini
źródło
4

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

Dion
źródło
2

Z jQuery:

$(".elem").css("left", "");
Antonio Beamud
źródło
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;
  }
Doğan AHMETCİ
źródło