> 웹 프론트엔드 > 프런트엔드 Q&A > CSS right 속성이 작동하지 않으면 어떻게 해야 하나요?

CSS right 속성이 작동하지 않으면 어떻게 해야 하나요?

藏色散人
풀어 주다: 2023-01-04 09:38:51
원래의
2859명이 탐색했습니다.

요소의 위치 속성 값이 정적이므로 CSS 오른쪽 속성이 작동하지 않습니다. 해결 방법은 요소의 위치 속성 값을 상대, 절대, 고정 중 하나로 변경하는 것입니다.

CSS right 속성이 작동하지 않으면 어떻게 해야 하나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

권장: "css 비디오 튜토리얼"

css 오른쪽 속성이 적용되지 않는 솔루션

css 오른쪽 속성이 적용되지 않는 이유는 요소의 위치 속성 값이 정적이기 때문입니다. 해결책은 요소의 위치 속성을 변경하는 것입니다. value 상대값, 절대값, 고정값 중 하나로 변경합니다.

right 속성은 요소의 오른쪽 가장자리를 지정합니다. 이 속성은 위치가 지정된 요소의 오른쪽 여백 가장자리와 포함 블록의 오른쪽 가장자리 사이의 오프셋을 정의합니다.

참고: "position" 속성의 값이 "static"인 경우 "right" 속성을 설정해도 아무런 효과가 없습니다.

예:

img {
    position:absolute;
    right:5px;
}
로그인 후 복사

이미지의 오른쪽 가장자리를 포함 요소의 오른쪽 가장자리에서 왼쪽으로 5픽셀로 설정합니다.

위 내용은 CSS right 속성이 작동하지 않으면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿