Width
width : 너비숫자%;
min-width : 너비숫자%;
/*
최소 width 가 너비숫자% 이고,
그 속에 들어오는 내용물의 크기가 너비숫자% 보다 크면
자동적으로 width 가 증가
*/
max-width : 너비숫자%;
overflow : auto;
/*
초기 width 의 크기는 내용물의 크기만큼 잡혔다가,
그 속의 들어오는 내용물의 크기가 너비숫자% 보다 크면
수평스크롤바가 나타난다.
*/Height
height: ' ';
/* ' ' 의 기본값 */
min-height: 숫자px;
/*
최소 height 가 숫자px이고,
그 속에 들어오는 내용물의 높이가 지정한 높이보다 크면
자동적으로 height 의 크기가 증가된다.
*/
max-height : 숫자px;
overflow : auto;
/*
max-height 크기보다 더 크면 자동적으로 수직스크롤바가 생성된다.
*/max 와 overflow 함께 사용해야 한다!!
Overflow
- Overflow 의 기본값 : visible
visible
- 내용물이 클 경우, 화면 뚫고 나타낸다.
hidden
- 뚫고 나간 것들은 보여주지 않기
scroll
- 내용물이 적더라도 무조건 스크롤바 생성
auto
- 크기를 뚫고 넘어가면 자동적으로 스크롤바 생성
정리
-
ch11_width_height
-> 01min-width_max-width.html, 01.css, 02min-height_max-height.html, 02.css -
ch12_overflow
-> overflow.html
