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.
That's all it takes
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.

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ó.Đó là tất cả phải mấtĐó 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.

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ó.
Đó là tất cả phải mất
Đó 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.