Wired 홈페이지 따라만들기

html : 보통 홈페이지는 하나의 id=”wrap”으로 감싸고 시작함

scss : 기본 font 설정, html, body에 적용

html : header top에 이미지 삽입하고 각 요소에 float 설정하기 위해 각각 다시 div로 묶음

scss : float설정.

그러나 div요소가 width를 완전히 차지하고 있기 때문에 오른쪽 요소는 한줄 내려감. (근데 float는 상관 없지 않나?)

scss : 가운데 요소를 inline-block으로 설정해주고 header-top에 text align으로 가운데 정렬해줌, 하지만 제대로 정렬이 되지 않음 (왜?)

scss : float를 하는 대신 각 각 inline-block으로 설정하고 position을 설정한다. 양쪽 요소는 absolute로, center는 relative로 주고 벽에 붙이기, 왼쪽 요소는 left0,top0, 오른쪽 요소는 right0,top0.

position을 그렇게 준 이유는 header-top이 차지하는 부분에서 전체 width100%으로 차지할 때 부모를 기준으로 움직이게 하는 속성은 absolute임.