[css] 1개div는 고정, 나머지 div는 반응형으로 화면 채우기
in FrontEnd
신기한걸 해봤당
예를 들어 내가 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에 맞춰서 반응형이 된다!