Height & Width

---

height와 width property는 요소의 높이와 가로길이를 정의한다.
height와 width property는 padding, borders, margins을 포함하지 않는다.
cf) 블럭요소의 기본크기는 width:100%이다.

header{
    border:1px solid; 
    background-color:#f6f5ef;
    height: 69px;
    left:0;
    position:fixed;
    top:0;
    width:100%;
}

max-width

요소의 최대길이를 정의한다. max-width를 사용하게 되면 가로길이를 줄였을때, 수평 스크롤바가 생기지 않고 자동으로 텍스트를 조정해서 화면에 띄워준다.

header{
    border:1px solid; 
    background-color:#f6f5ef;
    height: 69px;
    left:0;
    position:fixed;
    top:0;
    max-width:500px;
}