làm thế nào để ghi đè left: 0 bằng CSS hoặc Jquery?

104

Tôi có một phần tử, có CSS sau:

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

Phần tử không mở rộng toàn bộ màn hình. Tôi muốn nó "căn chỉnh" ở phía bên tay phải của màn hình.

Điều này sẽ dễ dàng, nếu tôi chỉ xóa left: 0 , nhưng tôi không thể xáo trộn CSS ở trên, vì vậy tôi cần một số CSS hoặc Jquery để ghi đè, vô hiệu hóa hoặc loại bỏ CSS left: 0 .

Cảm ơn vì sự giúp đỡ!

css css-position

— thường xuyên
nguồn

238

Giá trị mặc định cho leftlà auto, vì vậy chỉ cần đặt nó thành đó và bạn sẽ "đặt lại" nó.

.elem {
  left: auto;
}

Đảm bảo rằng phần trên nằm sau tệp CSS gốc.

— Jan Hančič
nguồn

1

CẢM ƠN! Tôi đã cố gắng '', nhưng điều đó không giúp tôi được nữa. Tốt để biết.

— thường xuyên

@frequent Bạn có thể sử dụng các giá trị như '' nếu bạn đang sử dụng Javascript, có, nhưng không phải trong CSS. Dù sao, nhưng không phải bạn đã nói rằng bạn không thể xáo trộn biểu định kiểu? Trong trường hợp đó, một style="left:auto"thuộc tính trong chính phần tử sẽ thực hiện thủ thuật, ghi đè biểu định kiểu.

— Mr Lister

8

Sử dụng CSS:

.elem {
    left: auto;
}

Sử dụng JQuery:

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

— Mohammad Anini
nguồn

4

Hãy thử autothuộc tính trong CSS, bằng giá trị mặc định.

— Dion
nguồn

2

Với jquery:

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

— Antonio Beamud
nguồn

điều này không đặt lại nó về giá trị được chỉ định (trong trường hợp này là '0')?

— Dion

1

@Antonio: Điều này thực sự sẽ được đặt một thuộc tính html "trái" không hợp lệ, chẳng hạn như <div left="0">thay đổi css. Trong khi bình luận của Jan vẫn đứng yên (tức là không cần JS), nó có thể được thực hiện với $(".elem").css("left", "");hoặc một cái gì đó.

— ov

Ops, đó là sự thật ... chỉnh sửa và đưa ra giải pháp khả thi này. Cảm ơn.

— Antonio Beamud

0

Cho dù kiểu bạn trích xuất này là kiểu bên ngoài hay kiểu bên trong, bạn có thể ghi đè nó bằng kiểu bên trong chẳng hạn như:

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

— Doğan AHMETCİ
nguồn