html 백그라운드 질문입니다.
본문
제소스는 아래와 같습니다.
<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
margin-top:20px
또는
position:relative;top:20px
오^^ margin-top:20px 도 안되는걸
position:relative;
top:20px;
으로 해결했네요 정말 감사합니다^^
혹시 top:20px; 이 아닌 top에 %로 줄수가없던데 이건왜 그런거죠?
반응형이다보니 위에 본문은 margin-top:3%; 가 적용되어있거든요
배너부분도 top:3%했더니 %로는 안먹히네요;;
왜이런걸까요? 혹시 %로 할수있는 방법도있나요?
퍼센트로 주시려면 상위 엘리먼트의 width 또는 height가 퍼센트로 기준이 되어 있어야 가능합니다.
이건 해보셨나요?
margin-top : 20px;
margin-top:20px 이거요!