thuật ngữ clearfix và clear:both

[cloudkick]

chào các bác
các bác cho em hỏi clearfix và clear:both , so sánh giữa 2 cái đó
Và cho e hỏi thêm ngoài thuật ngữ clearfix còn cái nào quan trọng nào ko ạ
Bác nào biết vui lòng chỉ cho em với, em cảm ơn nhiệt tình )

[bvnguyen]

Bạn tưởng tượng thế này: tất cả các thành phần trên trang web sẽ cố gắng chạy lên phía trên hết mức có thể, và chúng có tương tác qua lại với nhau.
clear: both là ngăn không cho thành phần phía sau nhảy lên
nhưng clear: both gặp phải một số vấn đề về margin và padding, nên clearfix ra đời, clearfix là một thủ thuật dùng clear: both cho Pseudo-element after của thành phần float, nó là một thủ thuật nên không so sánh 2 cái này
bạn đọc cái này sẽ hiểu thôi mà : http://hocwebchuan.com/tutorial/tut_css_clearfix.php

[cloudkick]

Cảm ơn a rất nhiều .
Cho em hỏi thêm là clear:both gặp phải một số vấn đề về margin và padding , vậy ko dùng clearfix mà dùng 1 cái div cùng cấp rồi cho clear:both thì được ko , em thấy cách này hay được dùng.

[bvnguyen]

thì cũng như nhau thôi bạn, cách mình nói là thêm 1 thành phần đằng sau (Pseudo-element after) rồi clear both cho nó - thì cũng như bạn tự thêm div rồi clear both thôi. Nhưng nguyên tắc là: dùng ít thẻ html nhất có thể mà vẫn tạo được giao diện mong muốn

[cloudkick]

Thanks a
Mà a ơi , a có biết những thủ thuật nào hay những nguyên tắc nào thì cho em biết với )

[huongnt057]

thanks bạn đã chia sẻ nha