як перекрити ліворуч: 0 за допомогою CSS або Jquery?


104

У мене є елемент із таким CSS:

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

Елемент не охоплює весь екран. Мені б хотілося, щоб він "вирівнювався" в правій частині екрана.

Це було б просто, якби я щойно видалив ліворуч: 0 , але я не можу підробити вищевказаний CSS, тому мені потрібні деякі CSS або Jquery, щоб перекрити, відключити або видалити ліворуч: 0 CSS.

Дякуємо за допомогу!

Відповіді:


238

Значенням за замовчуванням leftє auto, тому просто встановіть його і ви "скинете" його.

.elem {
  left: auto;
}

Переконайтеся, що вищезазначене з’являється після оригінального CSS-файлу.


1
ДЯКУЮ! Я намагався '', але це вже не отримало мене. Добре знати.
часті

@frequent Ви можете використовувати такі значення, як "", якщо ви використовували Javascript, так, але не в CSS. У всякому разі, але ви не сказали, що не можете підробити таблицю стилів? У такому випадку style="left:auto"атрибут у самому елементі зробив би трюк, змінивши таблицю стилів.
Містер Лістер


4

Спробуйте autoвластивість у CSS, яка дорівнює значенню за замовчуванням.


2

З jquery:

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

не поверне це значення до заданого значення (у цьому випадку '0')?
Діон

1
@Antonio: Це фактично встановлення недійсного атрибута html "лівого", <div left="0">а не зміна css. Хоча коментар Яна все ще стоїть (тобто немає потреби в JS), це можна зробити за допомогою $(".elem").css("left", "");чи чогось іншого.
ов

Ой, це правда ... відредагуйте та поставте це можливе рішення. Дякую.
Антоніо Бемуд

0

Незалежно від того, що цей видобутий стиль є зовнішнім чи внутрішнім, ви можете замінити його внутрішнім, наприклад:

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.