OK! Now that we’ve gone through all

OK! Now that we’ve gone through all the boring theoretical stuff, let’s move on to look at the syntax of floats and clearing, and check out some examples.

The float property has four valid values: left, right, none and inherit. The first two are by far the most commonly used and will cause a box to be floated to the left or to the right. The declaration float:none, which is the default, is normally only declared to “undo” a declaration in some other rule. The use of float:inherit is probably very rare—I’ve never seen it used in the wild—and exists probably just for the sake of consistency. It would make the element inherit the float value from its parent element.

A floated box is taken out of the document flow and shifted as far as possible to the left or to the right, depending on the specified floating direction. “As far as possible” usually means until the outer edge of the float touches the edge of the containing block (the inside of its padding, if any). Thus, for float:left the box is moved to the left until the left margin of the float touches the left edge of the parent.

The alert reader may have noticed that I said “usually” above. If there is already a box floated to the left when we float another box in the same direction, the second box will stop when it touches the first box. In other words, floats don’t climb on top of one another.

Kết quả (Việt) 1:

Ok! Bây giờ mà chúng tôi đã đi qua tất cả các công cụ thuyết nhàm chán, hãy chuyển sang xem cú pháp của phao nổi và thanh toán bù trừ, và kiểm tra một số ví dụ.Tài sản nổi có bốn giá trị hợp lệ: trái, phải, không có và kế thừa. Hai lần đầu tiên là bởi đến nay các phổ biến nhất được sử dụng và sẽ gây ra một hộp để được lưu hành ở bên trái hoặc bên phải. Phao tuyên bố: không có, đó là mặc định, là bình thường chỉ tuyên bố để "hoàn tác" một tuyên bố trong một số quy định khác. Sử dụng phao: thừa kế có lẽ rất hiếm-tôi đã không bao giờ nhìn thấy nó được sử dụng trong tự nhiên- và tồn tại có thể chỉ vì lợi ích của tính nhất quán. Nó sẽ làm cho các yếu tố được kế thừa các giá trị nổi từ yếu tố cha mẹ của nó.Một hộp lưu hành được đưa ra khỏi dòng chảy tài liệu và dịch chuyển càng xa càng tốt bên trái hoặc bên phải, tùy thuộc vào định hướng nổi. "Càng nhiều càng tốt" thường có nghĩa là cho đến khi các cạnh bên ngoài của các phao chạm đến rìa của khối chứa (bên trong của nó padding, nếu có). Vì vậy, cho float: left hộp được di chuyển sang trái cho đến khi chạm vào lề các phao, trái cạnh trái của cha mẹ.Cảnh báo người đọc có thể nhận thấy rằng tôi đã nói "thường" ở trên. Nếu đã có một hộp lưu hành bên trái khi chúng tôi phao hộp khác trong cùng một hướng, hộp thứ hai sẽ dừng lại khi nó chạm vào ô đầu tiên. Nói cách khác, phao không leo lên trên đầu trang của nhau.

Kết quả (Việt) 2:

ĐƯỢC! Bây giờ chúng ta đã trải qua tất cả những thứ lý thuyết nhàm chán, hãy chuyển sang nhìn vào cú pháp của phao nổi và thanh toán bù trừ, và kiểm tra một số ví dụ.

Thuộc tính float có bốn giá trị hợp lệ: trái, phải, không ai và kế thừa. Việc đầu tiên hai là bởi đến nay phổ biến nhất được sử dụng và sẽ gây một hộp để được lưu hành sang bên trái hoặc bên phải. Các phao khai: không có, đó là mặc định, thường chỉ công bố để "undo" một tuyên bố trong một số quy tắc khác. Việc sử dụng float: kế thừa có lẽ là rất hiếm Tôi đã không bao giờ nhìn thấy nó được sử dụng trong môi trường hoang dã, và tồn tại có lẽ chỉ vì lợi ích của tính nhất quán. Nó sẽ làm cho các phần tử kế thừa các giá trị nổi từ yếu tố cha mẹ của nó.

Một hộp thả nổi được lấy ra khỏi dòng chảy tài liệu và chuyển càng xa càng tốt sang bên trái hoặc bên phải, tùy thuộc vào hướng nổi quy định. "Càng nhiều càng tốt" thường có nghĩa là cho đến mép ngoài của phao chạm vào cạnh của khối chứa (bên trong đệm của nó, nếu có). Như vậy, đối với float: left hộp được di chuyển sang trái cho đến lề trái của phao chạm vào mép trái của cha mẹ.

Người đọc báo có thể nhận thấy rằng tôi đã nói "thường" ở trên. Nếu có được một hộp thả nổi sang trái khi chúng ta nổi hộp khác trong cùng một hướng, hộp thứ hai sẽ dừng lại khi nó chạm vào hộp đầu tiên. Nói cách khác, phao nổi đừng leo lên trên đầu của nhau.