플로팅 요소가 포함 된 요소는 clear 요소를 추가하거나 부모 요소 인 overflow을 hidden으로 설정하지 않으면 해당 자식 요소 주위로 늘어나지 않습니다. 내 질문은 See example.주위에 늘어지지 않는 요소의 의도적 인 사용은 떠 다니는 자식입니까?
, 그것은 위의 예에서 "오버플로 볼"상자로, 아이들의 주위에 사람이 하지 스트레치 부모 요소에 원하는 것이있는 실제 삶 시나리오가있다?
재미있는 생각이지만 누구나 처음에는 그 시나리오를 재현하기 위해 테두리 + 패딩을 할 수 있다고 의심합니다. 둘째, 명확한 것은 사실 버그가 아닌 것으로 생각됩니다. 올바른 행동.
실세계에서 당신이 더 잘 모른다면 그 상자는 높이가 없었고 거기에 포함 된 요소가 외부에 표시되는 "해결책"으로 해결할 수 있습니다 하지만 당신이 더 잘 알고 있기 때문에 div를 지우거나, 절대 위치 지정을 사용하거나, 테두리와 패딩을 사용하여 동일한 효과를 얻는 것이 더 정확합니다.
편집
그것은이다 실제로 버그하지만 부동 용기 자체를 취소하는 경우,이 페이지에 설명 된대로 더 열심히 문제를 제안 할 것이기 때문에 그것은 "오른쪽"행동이었다 http://css-tricks.com/all-about-floats/
입니다 꽤 많은 내 생각도 있지만, 모든 주요 브라우저에서 동작이 동일하고 아무도 그것을 변경하려는 의도가없는 것처럼 버그라고 부르기는 주저합니다. – Kaivosukeltaja
네, 그게 제가 두 번 확인한 이유입니다. 실제로는 버그가 아니었지만 기능은 조금 어긋 났지만 (직관적 인 이유는 알지 못했다) – corroded