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.

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.

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.