01/10/2018, 10:46
Hỏi về thuộc tính float trong css
Mọi người giải thích giúp em cái ví dụ trên với.
Tại sao border của thẻ div nó không bao luôn float04 vậy???
Cái float04 nó nằm trong thẻ div mà .
Bài liên quan
Theo mình thấy là cái
<p
> cóclass="floatNone"
nó ngắt float. Do đó cáifloat04
không thểfloat: left;
theo => bị đẩy ra ngoài divMình nghĩ là do dòng
float: none;
nó làm cáifloat03
trở về thuộc tính mặc định của thẻ<p>
mà thuộc tính mặc định của<p>
là block, vì thế nó chiếm hết chỗ của cáifloat04
và đẩyfloat04
xuống dưới.Có nhiều cách để khắc phục, tuy nhiên có 2 cách dễ nhất:``
div { border: 1px solid #ff0000; } p { float: left; } p.floatNone { float: none; } /* br { clear: both; } */ div::after { content: ""; display: table; clear: both; } /*Cách 2*/float01
float02
float03
float04
Cảm ơn mọi người nhiều nhe.
Mình hiểu rồi.