고정형과 반응형이 섞인 레이아웃 만들기

최근 만들고 있는 프로그램에서 레이아웃 구조를 잡다가

왼쪽 div는 고정형으로 하고 오른쪽 div는 반응형으로 해야 하는 상황에 직면하게 되었다.

사실 방법을 알고 있었지만 그 방법을 잊어버려서 다시 기억하고 적용하는데 시간이 좀 걸렸다..

(이래서 평소에 기록이 중요한거 같다.)

간단히 그 방법을 말하면 왼쪽에 고정된 width 값을 주었다면,

오른쪽에는 그 고정된 만큼의 padding-left 값을 주면 된다.

예제는 아래의 링크에 잘 나와있다.

https://codepen.io/winghouchan/pen/wcrAI