Html css Height, Width

 

 

1. 높이와 넓이 부여

div {
  height: 200px;
  width: 200px;
  background-color: blue;
}

2. 비율에 따른 부여 (부모 테그의 크기에 비래한다)

div {
  height: 50%;
  width: 50%;
  background-color: blue;
}

3. 높이 / 넓이 최대값 지정

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

4. 높이 / 넓이 최소값 지정

div {
  min-width: 100px;
  min-height: 100px;
  background-color: blue;
}

5. 높이 / 넓이 내부의 대상에 따른 자동크기

div {
  width: auto;
  height: auto;
  background-color: blue;
}