맨 아래쪽 Nexus5 에 hover 를 설정해놓았습니다.
#main_optimus > .is_32:hover { width: 289px;
height: 380px;
border: 5px solid #59a416;
box-sizing:border-box;
}이와같은 형식으로 설정을 해놓았는데 안쪽으로 선이 표출이 되기는 하나 내부 내용물이 고정이 안되고 안쪽선을 기준으로 움직이게 됩니다.
내용은 움직임없이 겹쳐도 좋으니 border 를 5px로 표출하고싶은데, 어떻게 해야하나요?
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2014-12-11 (목) 08:31:40
hover 되었을 때 width 와 height 를 border 두께만큼 줄여보세요.
답변에 대한 댓글 1개
2014-12-11 (목) 09:42:17
border 크기는 5px, hover 의 width 와 height 를 모두 10씩 줄여봤지만 기준이 안쪽선 기준이라 그런지 마찬가지로 움직이더군요 ㅠㅠ
답변을 작성하려면 로그인이 필요합니다.