jak nadpisać lewy: 0 za pomocą CSS lub Jquery?

Question

jak nadpisać lewy: 0 za pomocą CSS lub Jquery?

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, aby "wyrównać" do prawej strony ekranu.

Byłoby to łatwe, gdybym po prostu usunął left: 0 , ale nie mogę manipulować powyższym CSS, więc potrzebuję trochę CSS lub Jquery, aby nadpisać, wyłączyć lub usunąć left:0 CSS.

Dzięki za pomoc!

95

css css-position

Author: frequent, 2012-04-11

Source

5 answers

Using CSS:

.elem {
    left: auto;
}

Using JQuery:

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

8

Author: Mohammad Anini,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-04-22 13:43:42

Wypróbuj Właściwość auto w CSS, która jest równa wartości domyślnej.

4

Author: Dion,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-04-11 09:08:45

Z jquery:

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

2

Author: Antonio Beamud,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-04-11 09:26:48

Niezależnie od tego, czy ten styl jest zewnętrzny, czy wewnętrzny, możesz go nadpisać wewnętrznym, takim jak:

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

0

Author: Doğan AHMETCİ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-04-11 09:24:50

score 206 · Accepted Answer

Domyślną wartością dla left jest auto, więc po prostu ustaw ją na tę i "zresetuj".

.elem {
  left: auto;
}

Upewnij się, że powyższe pochodzi po oryginalnym pliku CSS.

206

Author: Jan Hančič,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-04-11 09:06:51