iview 의 select 드 롭 다운 상자 옵션 이 잘못된 문 제 를 완벽 하 게 해결 합 니 다.
1197 단어 select드 롭 다운 프레임잘못된 위치iview
그림 1:
그림 2:
구성 요소 코드 를 분석 한 후 다음 스타일 을 발견 합 니 다.
.ivu-modal .ivu-select-dropdown {
position: absolute !important;
}
해결 방안바로 이 스타일 이 드 롭 다운 상자 의 포 지 셔 닝 에 영향 을 주 었 습 니 다.해결 방법 은 작가 의 원래 스타일 을 덮어 쓰 는 것 입 니 다.
그런데 공교롭게도 작가 가 하 나 를 추가 했다!important,우선 순위 가 바 뀌 었 습 니 다.
그렇다면 어떻게 하면 자신의 스타일 우선 순위 가 그 보다 높 을 수 있 습 니까?사용자 정의 스타일 파일 에 이런 스타일 을 추가 할 수 있 습 니 다.
body .ivu-modal .ivu-select-dropdown{
position: fixed !important;
}
이렇게 해서 상술 한 문 제 를 해결 하 였 다.왜 body 를 추가 하면 스타일 의 우선 순 위 를 바 꿀 수 있 는 지 에 대해 서 는 제 블 로그 관련 글(how2js.cn)을 참조 할 수 있 습 니 다.이상 의 이 편 은 iview 의 select 드 롭 다운 상자 옵션 이 잘못 되 었 다 는 문 제 를 완벽 하 게 해결 하 는 것 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시 기 를 바 랍 니 다.여러분 들 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
🕗[프로그래머스] 입양 시각 구하기(2)문제 설명 ANIMAL_OUTS 테이블은 동물 보호소에서 입양 보낸 동물의 정보를 담은 테이블입니다. ANIMAL_OUTS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.