요소의 높이를 설정하는 데 문제가 있습니다. 클릭 가능한 점이 필요하지만 클릭 할 수있는 요소의 보이지 않는 높이가 있습니다. 설정하려고했지만 max-height
첫 번째 요소가 범위 밖으로 이동합니다. 여기 내 예가 있습니다.
nav {
position: fixed;
color: rgba(0, 0, 0, 0.7);
z-index: 999;
right: 5px;
}
nav>div {
min-height: 10px;
font-size: 3em;
cursor: pointer;
}
<nav>
<div>
•
</div>
<div>
•
</div>
<div>
•
</div>
<div>
•
</div>
</nav>
다른 접근 방식을 사용하는 것이 좋습니다.
같은 점 만들기 div
세트 폭, 높이, 배경 색상 및 50 %를 border-radius
(그 동그라미를 만들기 위해). 위쪽 및 아래쪽 여백을 사용하여 수직 거리를 만듭니다.
nav {
position: fixed;
color: rgba(0, 0, 0, 0.7);
z-index: 999;
right: 5px;
}
nav>div {
width: 15px;
height: 15px;
border-radius: 50%;
background: #000;
margin: 30px 0;
cursor: pointer;
}
<nav>
<div></div>
<div></div>
<div></div>
<div></div>
</nav>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다