Thấy bạn áp dụng css3 vào site. mìh rất ủng hộ
bạn dùng class="clear" chưa đúng cách.
Đầu tiên là mình rất ấn tượng blog của bạn. Nó thật sự rất đẹp.
Và mình muốn hỏi bạn một chút là mình xem rất nhiều website và ngay cả website của bạn cũng dùng đến <br class="clearfix" /> trong CSS .clearfix{clear:both;} Mình thật sự không hiểu rõ công dụng của nó lắm bạn có thể giải thích dùm mình được không.
Bạn vào bài này. Mình viết theo cách hiểu của mình về class clear này.
Giải pháp tồi :
<div style="clear:both"></div>
Giải pháp hoàn hoảo cho mọi trình duyệt :
class clearfix có tác dụng chiếm toàn bộ khoản trống bên trong nó và có chiều rộng là max so với tag bao ngoài nó.có thể dùng clearfix bất cứ nơi nào bạn muốn, nó không ảnh hưởng đến bố cục riêng của bạn mà sẻ làm cho layout của bạn chặc chẻ hơn rất nhiều. nghĩa là khi bên trong có chứa tag float thì phải có clearfix bao ngoài.
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
overflow: visible;
}
ngắn gọn hơn cho bạn này
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
Thank 2 @thanhluantk35 và @akien rất nhiều. Quả thật đây là cách rất hay , mình mới học làm web nên kinh nghiệm còn ít. Sau này mình sẽ post thêm các bản convert nữa mong các bạn góp ý để mình tiến bộ hơn .
Xài css3 mà vẫn còn xài cách cũ mèm clear both à, vô nghĩa, dư thừa code
cannot be longer than 50 characters
Bookmarks