Overflow:hidden이 있어도 플로팅된 Div가 수직으로 쌓이는 이유는 무엇입니까?

플로팅된 Div의 수평 정렬

overflow:hidden이 있는 컨테이너 내에서 div가 왼쪽으로 플로팅되는 경우, 다음과 같은 경우에도 수직으로 쌓일 수 있습니다. 수평으로 충분한 공간이 있습니다. 올바르게 정렬되도록 하려면 다음 해결책을 고려하십시오.

해결책:

모든 플로팅된 항목을 수용할 수 있을 정도로 너비가 더 넓은 내부 div를 컨테이너 내에 생성합니다.

#container {
  width: 200px;
  overflow: hidden;
}

#inner {
  width: 2000px;
  overflow: hidden;
}

.child {
  float: left;
  width: 50px;
  height: 50px;
}

<div><p>내부 div에 충분한 너비를 제공함으로써 플로팅된 div는 의도한 대로 컨테이너 내에서 수평으로 정렬하세요.</p></div>

위 내용은 Overflow:hidden이 있어도 플로팅된 Div가 수직으로 쌓이는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!