0407 페이지 레이아웃 배우기

 1. border의 px까지 생각해서 container영역 잡아야 한다는 것

( 근데 넘 계산기 뚜들겨야하고 번거로움)

2. text-align은 엘리먼트 안의 텍스트 배열

3. float은 엘리먼트 자체 어떻게 배치하는가.

그대로 흘러가라~~left

4. 픽셀 계산 안하고- 콘테이너의 박스사이즈 내에서 해결하라

->  box-sizing: border-box

5. float속성은 아래 애들에게 전부 상속된다. 

그러므로 clear을 때려줘야 배치가 제대로 된다

안그러면 요소의 위치가 뒤죽박죽..

--> 아니 근데 내가 왼쪽을지울지~오른쪽을 지울지~~ 어케 알아!!!

해서 걍 clear:both많이 쓴다

상속받은 left속성을지우는것~~~

디자인도 참... 만만치가 않구먼유.

6. 정리!!!

float 이용해서 페이지 레이아웃 잡는법

header - content - footer로 블록 잡아놓고

전체 (container) 로 픽셀 값 지정하고

box-sizing 으로 적절하게 border까지 생각해서 content의 width잡고!

float을 이용해서 흘러가도록 배치.

footer가 제대로 잡힐 수 있게 float을 클리어!