That's all it takes. The result see

That's all it takes. The result seen in Figure 1 happens because the div elements don't "stretch" to contain the floated images within them. To look at the situation from the reverse angle, it happens because the floated images "stick out" of the bottom of the div elements.
of the bottom
This is not a bug. It's also not a flaw in CSS. It is, in fact, the behavior that most authors will want most of the time. It's just not what they would want in the example shown in Figure 1.
So when in the name of all that's good and right would authors want floats to stick out of their containing elements? Simple: in what is historically the most common case for float use. Consider Figure 2, and the basic markup structure that produced it.

Kết quả (Việt) 1:

Đó là tất cả phải mất. Kết quả nhìn thấy trong hình 1 xảy ra bởi vì các yếu tố div không "căng" chứa các hình ảnh lưu hành trong vòng chúng. Để xem xét tình hình từ các góc độ ngược lại, nó sẽ xảy ra bởi vì những hình ảnh lưu hành "dính" của dưới cùng của các yếu tố div.số cuốiĐây không phải là một lỗi. Cũng không phải là một lỗ hổng trong CSS. Đó là, trong thực tế, các hành vi mà tác giả sẽ muốn hầu hết thời gian. Đó là chỉ cần không phải những gì họ muốn trong ví dụ hiển thị ở hình 1.Vì vậy, khi trong tên của tất cả những gì là tốt và phù hợp tác giả muốn nổi lên dính ra khỏi yếu tố chứa của họ? Đơn giản: trong các trường hợp phổ biến nhất cho phao trong lịch sử sử dụng. Hãy xem xét các hình 2, và cấu trúc cơ bản đánh dấu sản xuất nó.

Kết quả (Việt) 2:

Đó là tất cả mất. Kết quả thể hiện trong hình 1 xảy ra bởi vì các yếu tố div không "căng" để chứa các hình ảnh nổi trong họ. Để xem xét tình hình từ các góc độ ngược lại, nó sẽ xảy ra vì những hình ảnh nổi "dính ra" của dưới cùng của phần tử div.
Của phía dưới
Đây không phải là một lỗi. Nó cũng không phải là một lỗ hổng trong CSS. Đó là, trong thực tế, các hành vi mà hầu hết các tác giả sẽ muốn hầu hết thời gian. Nó không chỉ làm những gì họ muốn có trong ví dụ thể hiện trong hình 1.
Vì vậy, khi nhân danh tất cả những gì là tốt và đúng tác giả sẽ muốn nổi dính bằng các phần tử chứa của họ? Đơn giản: những gì là lịch sử các trường hợp phổ biến nhất để sử dụng phao. Hãy xem xét hình 2, và các cấu trúc đánh dấu cơ bản mà sản sinh ra nó.