CollapsingCollapsing is when a pare

Collapsing
Collapsing is when a parent element that contains any number of floated elements doesn’t expand to completely surround those elements in the way it would if the elements were not floated. In Example I above, our parent element, #container, collapsed as if the floated img element wasn’t even there. This is not a browser bug, but rather an expected and proper behavior. Since floated elements are originally calculated in the normal flow and then removed, the #container element doesn’t consider it within its bounds and therefore acts as if it isn’t even there. As a note, Eric Meyer has a wonderful article on this topic called Containing Floats that goes into much more depth and is a highly useful resource. The good news is, we can remedy this problem in a myriad of ways; if you’re guessing that it has to do with the clear property then you’re on the right track.

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

Sụp đổSự sụp đổ là khi một yếu tố phụ huynh có bất kỳ số lượng các phần tử lưu hành không mở rộng để hoàn toàn bao quanh những yếu tố trong cách nó sẽ nếu những yếu tố không được lưu hành. Trong ví dụ tôi nêu trên, yếu tố cha mẹ của chúng tôi, #container, bị sụp đổ như nếu các phần tử lưu hành img không thậm chí có. Đây không phải là một trình duyệt lỗi, nhưng thay vào đó là một hành vi dự kiến và thích hợp. Kể từ khi các phần tử lưu hành được tính vào luồng bình thường và sau đó loại bỏ, các yếu tố #container không xem xét nó trong giới hạn của nó và do đó hoạt động như thể nó không phải là thậm chí có. Là một lưu ý, Eric Meyer có một bài viết tuyệt vời về chủ đề này được gọi là có chứa nổi mà đi vào chiều sâu nhiều hơn nữa và là một nguồn lực rất hữu ích. Các tin tốt là, chúng ta có thể khắc phục vấn đề này trong vô số cách; Nếu bạn đang đoán rằng nó đã làm với các tài sản rõ ràng sau đó bạn đang đi đúng hướng.

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

Sụp đổ
sụp đổ là khi một yếu tố phụ huynh có chứa bất kỳ số lượng các yếu tố nổi không mở rộng để hoàn toàn bao quanh những yếu tố trong cách nó sẽ nếu các yếu tố không được lưu hành. Trong ví dụ tôi ở trên, yếu tố phụ huynh của chúng tôi, #container, bị sụp đổ nếu như các yếu tố img nổi thậm chí còn không có. Đây không phải là một lỗi trình duyệt, mà là một hành vi mong đợi và thích hợp. Kể từ khi các yếu tố nổi được ban đầu được tính theo các dòng chảy bình thường và sau đó loại bỏ, các yếu tố #container không xem xét nó trong giới hạn của nó và do đó hành động như thể nó không phải là ngay cả ở đó. Là một lưu ý, Eric Meyer có một bài viết tuyệt vời về chủ đề này được gọi là Containing Floats mà đi vào chiều sâu hơn nhiều và là một nguồn tài nguyên rất hữu ích. Các tin tốt là, chúng ta có thể khắc phục vấn đề này trong vô số cách; nếu bạn đang đoán rằng nó đã làm với các tài sản rõ ràng thì bạn đang đi đúng hướng.