Notice that the bottom of the float

Notice that the bottom of the floated image appears outside its parent. The parent does not fully expand to hold the floated image. This is caused by what we discussed earlier: the floated element is out of the flow in relation to other block elements, so all block elements will render as if the floated element is not even there. This is not a CSS bug; it’s in line with CSS specifications. All browsers render the same in this example. It should be pointed out that, in this example, adding a width to the container prevents the issue from occurring in IE, so this would normally be something you would have to resolve in Firefox, Opera, Safari, or Chrome.

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

Chú ý rằng dưới cùng của hình ảnh lưu hành sẽ xuất hiện bên ngoài cha của nó. Phụ huynh không hoàn toàn mở rộng để giữ hình ảnh lưu hành. Điều này là do những gì chúng tôi đã thảo luận trước đó: các phần tử lưu hành là ra khỏi dòng liên quan đến các yếu tố khác của khối, do đó, tất cả các yếu tố của khối sẽ khiến như nếu các phần tử lưu hành không phải là thậm chí có. Đây không phải là một lỗi CSS; đó là phù hợp với đặc điểm kỹ thuật của CSS. Tất cả các trình duyệt Hiển thị giống nhau trong ví dụ này. Nó nên được chỉ ra rằng, trong ví dụ này, thêm một chiều rộng cho các container sẽ ngăn ngừa các vấn đề xảy ra trong trình duyệt IE, do đó, điều này thường sẽ là một cái gì đó bạn sẽ phải giải quyết trong Firefox, Opera, Safari hay Chrome.

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

Chú ý rằng đáy của hình ảnh nổi xuất hiện bên ngoài cha mẹ của nó. Phụ huynh không hoàn toàn mở rộng để giữ hình ảnh nổi. Điều này là do những gì chúng ta đã thảo luận trước đó: các yếu tố nổi là ra khỏi dòng chảy liên quan đến yếu tố khối khác, vì vậy tất cả các yếu tố khối sẽ làm nếu như các yếu tố nổi thậm chí còn không có. Đây không phải là một lỗi CSS; đó là phù hợp với thông số kỹ thuật CSS. Tất cả các trình duyệt hiển thị cùng trong ví dụ này. Cần chỉ ra rằng, trong ví dụ này, thêm một chiều rộng để chứa ngăn chặn vấn đề này xảy ra trong IE, vì vậy điều này thường sẽ là một cái gì đó bạn sẽ phải giải quyết trong Firefox, Opera, Safari, hoặc Chrome.