[css] 1개div는 고정, 나머지 div는 반응형으로 화면 채우기


신기한걸 해봤당

예를 들어 내가 div안에 2개의 div를 더 넣으려고 하는데, 그 div들이 각각 한 줄로 나오면서 (float처리)

1개의 div는 고정으로(px처리), 나머지 한개의 div는 고정된 div에 맞게 알아서 반응형으로 움직이도록 하는 css!

//html
<div class="a0">
    <div class="a1">
		1번div
    </div>
    <div class="a2">
		2번div
    </div>
</div>
.a0{
  display: flex;
}
.a1{
  width:305px;
  height:100px;
  float:left;
  border:1px solid red;
}
.a2{
  float:right;
  height:100px;
  border:1px solid blue;
  flex-grow: 1;
}

보통 스타일 이름 저렇게 안주는데 테스트용이라..ㅋㅋ

저렇게 해주면 고정된 div에 맞춰서 반응형이 된다!




© 2018. by sora

Powered by sora