Thuộc tính float trong CSS
Khuyến nghị khóa học:
Định nghĩa và cách sử dụng
Nếu trôi phần tử không thay thế, cần chỉ định một độ rộng rõ ràng; ngược lại, chúng sẽ trở nên hẹp nhất có thể.
Chú ý:Nếu chỉ có rất ít không gian trên một dòng cho phần tử trôi, phần tử đó sẽ nhảy sang dòng tiếp theo, và quá trình này sẽ tiếp tục cho đến khi một dòng có đủ không gian.
Xem thêm:
Giáo trình CSS:Định vị CSS
Tài liệu tham khảo HTML DOM:Thuộc tính cssFloat
Ngôn ngữ CSS
float: none|left|right|initial|inherit;
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| left | Phần tử trôi về trái. |
| right | Phần tử trôi về phải. |
| none | Giá trị mặc định. Phần tử không trôi và sẽ hiển thị ở vị trí xuất hiện trong văn bản. |
| inherit | Định nghĩa rằng giá trị thuộc tính float nên được thừa kế từ phần tử cha. |
Chi tiết kỹ thuật
| Giá trị mặc định: | none |
|---|---|
| Thừa kế: | no |
| Phiên bản: | CSS1 |
| Ngôn ngữ语法: | object.style.cssFloat="left" |
Mô hình thử
- Áp dụng đơn giản của thuộc tính float
- Để hình ảnh trôi về bên phải của một đoạn văn.
- Để hình ảnh có viền và biên giới trôi về bên phải của đoạn văn
- Để hình ảnh trôi về bên phải của đoạn văn. Thêm viền và biên giới cho hình ảnh.
- Hình ảnh có tiêu đề trôi về bên phải
- Để hình ảnh có tiêu đề trôi về bên phải
- Để chữ cái đầu tiên của đoạn văn trôi về bên trái
- Để chữ cái đầu tiên của đoạn văn trôi về bên trái và thêm樣式 cho chữ cái này.
- Tạo menu ngang
- Sử dụng float có một liên kết siêu văn bản để tạo menu ngang.
- Tạo trang đầu tiên không có bảng
- Sử dụng float để tạo trang đầu tiên có tiêu đề trang, chân trang, mục lục bên trái và nội dung chính.
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
