스펀지 패드 디자인 시position 지정 방법

지정 방법

예제

■ 설계

■태그

HTML

<div class="contentsArea">
  <div class="circle"><img src="circle.png" alt=""></div>
  <div class="rect"><img src="rect.png" alt=""></div>
</div>

css

.contentsArea {
  position: relative;
}
.contentsArea .circle,
.contentsArea .rect {
  position: absolute;
}
.contentsArea .circle {
  top: 20%;
  left: 15.625%;
  right: 62.5%;
}
.contentsArea .rect {
  top: 70.25%;
  left: 37.5%;
  right: 15.625%;
}
.contentsArea img{
  max-width: 100%;
}