플로팅된 Div의 수평 정렬
overflow:hidden이 있는 컨테이너 내에서 div가 왼쪽으로 플로팅되는 경우, 다음과 같은 경우에도 수직으로 쌓일 수 있습니다. 수평으로 충분한 공간이 있습니다. 올바르게 정렬되도록 하려면 다음 해결책을 고려하십시오.
해결책:
모든 플로팅된 항목을 수용할 수 있을 정도로 너비가 더 넓은 내부 div를 컨테이너 내에 생성합니다.
#container {
width: 200px;
overflow: hidden;
}
#inner {
width: 2000px;
overflow: hidden;
}
.child {
float: left;
width: 50px;
height: 50px;
}<div>
내부 div에 충분한 너비를 제공함으로써 플로팅된 div는 의도한 대로 컨테이너 내에서 수평으로 정렬하세요.
위 내용은 Overflow:hidden이 있어도 플로팅된 Div가 수직으로 쌓이는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
