iview의 선택 드롭다운 상자에서 옵션이 잘못 정렬되는 문제를 해결하는 방법 구체적인 작업은 다음과 같습니다.

아래에서는 iview의 선택 드롭다운 상자에 있는 옵션이 잘못 배치된 문제를 완벽하게 해결한 기사를 공유하겠습니다. 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

iview를 사용하는 과정에서 모델의 선택 드롭다운 상자 구성 요소를 사용하면서 이러한 문제가 발생했습니다. 하지만 팝업 상자가 한 화면을 초과하여 스크롤해야 하는 경우 선택 드롭다운 옵션이 잘못 정렬됩니다. (아래 그림 1은 정상적인 모습을 보여주고, 그림 2는 스크롤 후 드롭다운 옵션이 잘못 정렬된 모습을 보여줍니다.)

사진 1 : picture 2 :

구성 요소 코드를 분석하면 다음 스타일을 찾았습니다. -down 상자. 해결책은 작성자의 원래 스타일을 덮어쓰는 것입니다. 그러나 안타깝게도 작성자가 !important를 추가하고 우선순위를 변경했습니다.

그럼 자신의 스타일 우선순위를 그의 스타일보다 높게 만드는 방법은 무엇입니까? 이 스타일을 사용자 정의 스타일 파일에 추가할 수 있습니다.

.ivu-modal .ivu-select-dropdown {
  position: absolute !important;
}

위 내용은 제가 모든 사람을 위해 편집한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 글:

vue 데이터 전송 -- 특별한 구현 기술이 있습니다

nodejs의 비밀번호 암호화 처리 작업에 대한 자세한 설명

손으로 쓴 노드 정적 리소스 서버 구현 방법

위 내용은 iview의 선택 드롭다운 상자에서 옵션이 잘못 정렬되는 문제를 해결하는 방법 구체적인 작업은 다음과 같습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!