flex를 수평으로 감싸기 위해 그리드의 열을 사용하는 방법은 무엇입니까?
P粉481035232
2023-08-16 21:11:09
<p>https://codepen.io/itaied246/pen/eYbOWjm</p>
<p>공간을 가로로 채우고 아래로 스크롤하는 세로 스크롤 기능을 갖춘 플렉스박스를 성공적으로 만들었습니다. </p>
<p>수평에서도 동일한 작업을 수행하고 싶습니다. 즉, 공간을 수직으로 채우고 오른쪽으로 스크롤합니다. </p>
<p>내 <code>flex</code> div는 <code>max-content</code>가 있는 해당 <code>grid</code> 안에 있습니다. </p><p>
내가 놓친 게 무엇입니까? </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
플렉스박스에 높이를 설정해야 합니다. 이 경우 .flex-columns 클래스에
height: 400px를 추가하면 문제가 해결됩니다.그 이유는 Flexbox가 가능한 한 키가 클 수 있다고 가정하고 Flex 방향이 열로 설정되어 있으므로 모든 것을 하나의 열에 넣기 때문입니다. Flexbox가 행일 때 시각화하기가 더 쉽습니다!