제소스는 아래와 같습니다.
<style>
#center-banner {
width:100%;
background-image:url(img/banner-center.jpg);
background-repeat:repeat-x;
background-position:top center;
background-size:1300px 100%;
clear:both;
}
#center-banner .inner {
width:100%;
max-width:1300px;
margin:0 auto;
}
#center-banner .inner img {
width:100%;
max-width:1300px;
}
</style>
<div id="center-banner">
<div class="inner">
<a href="#"><img src="img/banner-center.jpg" alt="" /></a>
</div>
</div>
답변 3개 / 댓글 2개
채택된 답변
+20 포인트
Modify
2018-03-30 (금) 06:20:50
margin-top:20px
또는
position:relative;top:20px
답변에 대한 댓글 2개
2018-03-30 (금) 09:43:55
Modify
2018-03-30 (금) 10:52:45
퍼센트로 주시려면 상위 엘리먼트의 width 또는 height가 퍼센트로 기준이 되어 있어야 가능합니다.
2018-03-30 (금) 09:26:56
margin-top:20px 이거요!
2018-03-29 (목) 23:33:51
이건 해보셨나요?
margin-top : 20px;
답변을 작성하려면 로그인이 필요합니다.
position:relative;
top:20px;
으로 해결했네요 정말 감사합니다^^
혹시 top:20px; 이 아닌 top에 %로 줄수가없던데 이건왜 그런거죠?
반응형이다보니 위에 본문은 margin-top:3%; 가 적용되어있거든요
배너부분도 top:3%했더니 %로는 안먹히네요;;
왜이런걸까요? 혹시 %로 할수있는 방법도있나요?