There are a few things you should n

There are a few things you should note regarding floated boxes. For one, the box being floated should have a width defined for it, either explicitly or implicitly. Otherwise, it will fill its containing block horizontally, just like non-floated content, leaving no room for other content to flow around it. As such, floated boxes are always treated as block boxes, even if they are defined using inline elements.

Second, unlike boxes in the normal flow, the vertical margins of a floated box are not collapsed with the margins of boxes either above or below it.

Finally, a floated box can overlap block-level boxes adjacent to it in the normal flow. Here's an example where the floated element has much more text than its containing block. Another paragraph has been added to the previous code to demonstrate.
Note that the floated box overlaps the borders of both its parent box and one following it (although the text in the second block flows around the float). This can be avoided using the clear property.

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

Không có một vài điều bạn nên lưu ý về việc lưu hành hộp. Đối với một, hộp đang lưu hành phải có chiều rộng định nghĩa cho nó, hoặc một cách rõ ràng hoặc ngầm. Nếu không, nó sẽ điền vào khối chứa theo chiều ngang, giống như không lưu hành nội dung, để lại không có chỗ cho các nội dung chảy xung quanh nó. Như vậy, lưu hành hộp luôn luôn được coi là khối hộp, thậm chí nếu họ được xác định bằng cách sử dụng các yếu tố nội tuyến.Thứ hai, không giống như hộp trong luồng bình thường, lợi nhuận theo chiều dọc của một hộp lưu hành được không sụp đổ với rìa của hộp ở trên hoặc dưới nó.Cuối cùng, một hộp lưu hành có thể chồng chéo lên nhau cấp khối hộp liền kề với nó trong dòng chảy bình thường. Dưới đây là một ví dụ nơi các phần tử lưu hành có các văn bản nhiều hơn khối có chứa. Một đoạn đã được thêm vào trước mã để chứng minh.Lưu ý rằng hộp lưu hành trùng lặp các biên giới của cả hai hộp của phụ huynh và sau nó (mặc dù các văn bản trong khối thứ hai chảy quanh các phao). Điều này có thể tránh được bằng cách sử dụng thuộc tính rõ ràng.

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

Có một vài điều bạn nên lưu ý về hộp thả nổi. Đối với một, hộp được thả nổi nên có chiều rộng định nghĩa cho nó, hoặc rõ ràng hoặc ngầm. Nếu không, nó sẽ điền vào khối chứa nó theo chiều ngang, giống như nội dung không nổi, lại không có chỗ cho các nội dung khác để dòng chảy xung quanh nó. Như vậy, trôi hộp luôn đối xử như hộp khối, ngay cả khi chúng được định nghĩa sử dụng các yếu tố nội tuyến.

Thứ hai, không giống như các hộp trong dòng chảy bình thường, lề dọc của một hộp thả nổi không bị sụp đổ với lợi nhuận của các hộp ở phía trên hoặc dưới nó .

Cuối cùng, một hộp thả nổi có thể chồng chéo hộp khối cấp liền kề với nó trong dòng chảy bình thường. Dưới đây là một ví dụ trong đó yếu tố nổi có văn bản nhiều hơn khối chứa của nó. Đoạn khác đã được thêm vào các mã trên để chứng minh.
Lưu ý rằng hộp nổi chồng lên biên giới của cả hai hộp mẹ và một sau nó (mặc dù các văn bản trong khối thứ hai chảy quanh phao). Điều này có thể tránh được bằng cách sử dụng sở hữu rõ ràng.