css 이미지 위 링크 위치 조정 방법

조회수 579회

안녕하세요! css에서 이미지 위에 이미지링크를 넣는데, 아래 코드와 같이 버튼의 width와 left위치 조정 값은 어디서 보고 조정할 수 있나요? 그 방법을 몰라서 아무 숫자나 대입해보고 수동으로 맞추면서 하다보니 시간이 너무 오래걸리네요..;; 혹시 계산방법이나 쉽게 사용할 수 있는 툴이 있는지 궁금합니다:)



#mybook .img-link {
  display: block;
  cursor: pointer;
}
#mybook .img-link > img {
  width: 100%;
  display: block;
}

#mybook .mybook-section {
  position: relative;
}

#mybook .mybook-btn {
  width: 15.86834%;
}

#mybook_btn1,
#mybook_btn2 {
  bottom: 36.98%;
}

#mybook_btn1,
#mybook_btn2 {
  left: 12.34%;
}
  • (•́ ✖ •̀)
    알 수 없는 사용자

1 답변

  • 1. 혹시 1px 줄여보고 새로고침하고 1px 늘려보고 새로고침하고 하는 짓을 하고 계신가요?
    → 그렇다면 개발자도구(inspector)라는 것을 켜실 때입니다! 지금 보고 계신 브라우저에서 F12 또는 ctrl + shift + i 를 누른 다음 구글에 "개발자도구 사용법"이라고 검색해 공부해 보세요.

    2. 혹시 특정 요소 아래의 특정 요소가 몇 % 비율로 커지고 작아져야 한다는 계산을 손으로 하고 계신가요?
    → 그렇다면 SCSS나 LESS를 공부하실 때입니다!! 일단 node와 npm을 깔고 글들을 쭉 읽어보세요.

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)