css 관련 질문입니다.
본문
맨 아래쪽 Nexus5 에 hover 를 설정해놓았습니다.
#main_optimus > .is_32:hover {
width: 289px;
height: 380px;
border: 5px solid #59a416;
box-sizing:border-box;
}
이와같은 형식으로 설정을 해놓았는데 안쪽으로 선이 표출이 되기는 하나 내부 내용물이 고정이 안되고 안쪽선을 기준으로 움직이게 됩니다.
내용은 움직임없이 겹쳐도 좋으니 border 를 5px로 표출하고싶은데, 어떻게 해야하나요?
답변 1
hover 되었을 때 width 와 height 를 border 두께만큼 줄여보세요.
border 크기는 5px, hover 의 width 와 height 를 모두 10씩 줄여봤지만 기준이 안쪽선 기준이라 그런지 마찬가지로 움직이더군요 ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.