Add topics
facebox tweeter Emotion

 Chương 25: Clear 2007-07-08 08:32:18

Để clear thuộc tính left,right của các đối tượng chứa nó
clear: value;
với value:
+ left
+ right
+ both
+ none
giải thích:
+ xóa thuộc tính canh trái
+ xóa thuộc tính canh phải
+ xóa cả 2 thuộc tính canh trái và phải
+ không xóa
ví dụ:
<span style="text-align: right;">
ABC1<br>
<span>ABC2</span>
</span>
kết quả:
    ABC1
    ABC2 (cả 2 cùng canh phải)

dùng clear
<span style="text-align: right;">
ABC1<br>
<span style="clear: right">ABC2</span>
</span>
    ABC1
ABC2

Tra loi 3 comment(s) TG 2007-07-08 08:32:18

kimsangyoo 2010-01-07 10:54:33

Bác có thể nói rõ hơn được không? Cụ thể là Clear:both ấy, Em đang rối cái đó

Tra loi

kenzero 2010-01-08 09:25:44

thì nó sẽ đứng một mình, vì xóa cả hai bên mà

Tra loi

seuhsn01 2010-03-24 01:52:41

Giả sử bạn có 1 thẻ div wrap(bao quanh) 2 thẻ div khác. 2 thẻ này cùng float:left (trôi về trái) chẳng hạn. Thì nếu nội dung của nó quá nhiều dẫn đến tràn qua thẻ bao thì khi này 1 thẻ div clear:both ở dưới cùng sẽ giúp cho thẻ div wrap chạy theo để bao phần tràn lại. Như vậy sẽ không bị tràn nội dung ra khỏi khung nữa. Hy vọng là ví dụ nhỏ này sẽ giúp bạn hiểu vì để có 3 xu hướng layout; 1 là dựa vào thuộc tính float; 2 là dùng position; 3 là kết hợp 2 cái kia => clear rất quan trọng.

Tra loi

Y kien