CSS 또는 Jquery를 사용하여 left : 0을 재정의하는 방법은 무엇입니까?

104

다음 CSS가있는 요소가 있습니다.

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

요소는 전체 화면에 걸쳐 있지 않습니다. 화면 오른쪽에 "정렬"하고 싶습니다.

방금 left : 0을 제거하면 쉬울 수 있지만 위의 CSS를 조작 할 수 없으므로 left : 0 CSS 를 재정의, 비활성화 또는 제거하려면 CSS 또는 Jquery가 필요합니다 .

도와 줘서 고마워!

css css-position

— 빈번한
소스

238

기본값은 left입니다 auto그래서 단지로 설정하고 당신이 그것을 "다시"합니다.

.elem {
  left: auto;
}

위의 내용이 원본 CSS 파일 뒤에 오는지 확인하십시오.

— 얀 한치 치
소스

1

감사! 나는 ''을 시도했지만 더 이상 나를 얻지 못했습니다. 알아 둘만 한.

— 자주

@frequent 자바 스크립트를 사용하고 있다면 ''와 같은 값을 사용할 수 있지만 CSS에서는 사용할 수 없습니다. 어쨌든 스타일 시트를 조작 할 수 없다고하지 않았나요? 이 경우 style="left:auto"요소 자체 의 속성이 트릭을 수행하여 스타일 시트를 재정의합니다.

— Mr Lister

8

CSS 사용 :

.elem {
    left: auto;
}

JQuery 사용 :

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

— 모하마드 아니니
소스

4

auto기본값과 동일한 CSS의 속성을 사용해보십시오 .

— 디온
소스

2

jquery 사용 :

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

— 안토니오 비 무드
소스

이렇게하면 지정된 값 (이 경우 '0')으로 재설정되지 않습니까?

— Dion

1

@Antonio : 실제로 <div left="0">CSS를 변경하는 대신 잘못된 "왼쪽"html 속성을 설정하는 것입니다. Jan의 의견은 여전히 유효하지만 (즉, JS가 필요하지 않음) $(".elem").css("left", "");또는 다른 방법 으로 수행 할 수 있습니다 .

— 오븐

Ops, 그건 사실입니다 ...이 가능한 솔루션을 편집하고 넣으십시오. 감사.

— Antonio Beamud 2012

0

추출한이 스타일이 외부 스타일이든 내부 스타일이든 다음과 같은 내부 스타일로 재정의 할 수 있습니다.

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

— 도안 아메 치
소스