Trang chủ
<style type="text/css">
#float{
border:5px solid #FF0000;
float:left;
margin-left:100px;
}
</style>
<div id="float"><h3>Tôi là tôi</h3></div>
Bạn paste đoạn code này vô <body></body> và xem trên 2 trình duyệt là firefox và internet exploder thì bạn sẽ thấy sự khác biệt rất rõ ràng giữa chúng là ie thì margin-left đến tận 200px còn trong khi đó thì firefox chuẩn.
-Nguyên nhân: là do ie có tiền sử với sự không tương thích css và đến cả ie7 cũng đã khắc phục nhiều điểm không tương thích với css của phiên bản trước là ie6 thì lại tòi ra hàng chục lỗi mới về không tương thích , nhưng may là nó đỡ hơn bác ie6
-Tác nhân gây ra hiện tượng:
Hiện tượng này chỉ xảy ra khi ta đã float về một phía nào đó nhưng lại tiếp tục margin căn lề về phía đó tiếp
-Cánh khắc phục : rất đơn giản là chỉ việc chèn thêm dòng code display:inline; vô đoạn style trên để cho bác ie nhà ta hiểu đúng thui
<style type="text/css">
#float{
border:5px solid #FF0000;
float:left;
margin-left:100px;
display:inline;
}
</style>
<div id="float"><h3>Tôi là tôi</h3></div>
Đây là một lỗi đơn giản và dễ khắc phục đối với ie , chúc các bác code vui vẻ ^^
Tác giả:NguyÅn Minh Tân
