As powerful and useful as they are,

As powerful and useful as they are, floats can make for tricky layout tools. Chances are that you may have seen something like the situation shown in Figure 1, which is accomplished with just two div elements, each with a floated image inside it.
This is probably not what the author had in mind, but given the styles used, it's the correct layout. Here's how we created it:
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.
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.

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

Càng mạnh mẽ và hữu ích khi chúng, phao nổi có thể làm cho công cụ khéo léo bố trí. Cơ hội là rằng bạn có thể đã nhìn thấy một cái gì đó giống như tình hình minh hoạ trong hình 1, mà được thực hiện với chỉ hai phần tử div., mỗi với một hình ảnh lưu hành bên trong nó.Điều này là có lẽ không phải những gì tác giả đã có trong tâm trí, nhưng phong cách sử dụng, nó là cách bố trí chính xác. Dưới đây là cách chúng tôi tạo ra nó:Đó 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.Đâ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.

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

Như mạnh mẽ và hữu ích như là họ đang có, phao nổi có thể làm cho các công cụ bố trí khéo léo. Cơ hội được rằng bạn có thể đã nhìn thấy một cái gì đó giống như tình hình thể hiện trong hình 1, được thực hiện với chỉ hai phần tử div, mỗi với một hình ảnh nổi bên trong nó.
Điều này có lẽ không phải những gì tác giả đã có trong tâm trí, nhưng với phong cách sử dụng, đó là bố trí chính xác. Dưới đây là cách chúng tôi tạo ra nó:
Đó 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.
Đâ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ó chỉ là không phải những gì họ muốn có trong ví dụ thể hiện trong hình 1.