동영상 강좌보기

height and width 속성

height 및 width속성은 요소의 높이와 폭을 설정하는데 사용됩니다.

height 및 width값은 자동으로 설정될 수 있(기본값. 브라우저가 높이와 폭을 계산)으며 px, cm같은 ,%값이 설정될 수 있습니다.

div {
    height: 200px;
    width: 50%;
    background-color: powderblue;
}

** height 및 width속성은 padding, border, margin을 포함하지 않습니다. 

max-width속성

max-width속성은 요소의 최대 너비를 설정하는데 사용됩니다.

width속성의 문제는 브라우저 윈도우가 요소의 너비보다 작을 때 가로 스크롤막대가 생기는 것입니다. max-width속성은 이런 문제를 해결해줍니다. (가로 스크롤문제)

div {
    max-width: 500px;
    height: 100px;
    background-color: powderblue;
}