코딩 질문할게요~
진샘
#wrapper{
background:url(../images/common/wrap_bg.jpg) no-repeat top center;
border:1px solid red;
}
#header{
position:relative;
margin:0 auto;
width:940px;
height:105px;
background:url(../images/common/bg_menubox.png) no-repeat 0 0;
border:1px solid blue;
}
#visual{
position:relative;
margin:0 auto;/*화면 가운데 정렬*/
width:940px;
height:107px;
border:1px solid green;
}
#contents{
width:940px;/*넓이*/
min-height:400px;/*최소높이*/
margin:0 auto;/*화면 가운데 정렬*/
padding-top:30px;
background:url(../images/common/contents_box.png) no-repeat 0 0;
border:1px solid yellow;
}
#slogan{
clear:both;/*현재 내용 양쪽으로 다른 내용이 오지 못하게*/
position:relative;
width:940px;
height:30px;/*임시 높이*/
margin:20px auto 0;/*임시 여백*/
border:1px solid cyan;
}
#footer{
height:100;/*임시 높이*/
border:1px solid black;
}
초보여서 실전예제로 공부하다가 궁금한점이 있어서요
질문
1.자식 속성 position:relative 가 젼혀 들어있지 않은데
#header / #contentsWrap / #slogan의포지션에부모속성인 relative; 를 왜 적용시키고 각각 주었나요?
2.#header / #contents 의 백그라운드에 no-repeat 0 0; 은 꼭 0 0;으로 해주어야하나요?
3.#contents에 최소 높이값 min-height:400px;을 주었는데
최소 높이를 주고 작업할때와 주지않고 작업할때 결과물이 다른가요?
