반응형 flex-box1 CSS flex box 1. flex box flex { display : flex } : 항목이 행으로 나열된다. div 태그는 한줄을 다 차지하는 태그이지만, { display : flex } 속성을 추가하면, height와 width가 내용의 크기만큼만 늘어난다. inline-flex 컨테이너가 컨테이너 주변 요소들과의 조화를 생각할때 사용하면 된다. flex를 추가하면 컨테이너가 한 줄 전체를 차지한다. .container { background-color: aqua; display: flex; /* display: inline-flex; */ } inline-flex를 차지하면 컨테이너는 내부 요소들의 width만큼만 자리를 차지한다. .container { background-color: aqua; /* displa.. 2021. 8. 1. 이전 1 다음 반응형