Thuộc tính float

Thuộc tính float - xác định các khối nổi, sẽ được văn bản chảy xung quanh. Thuộc tính float đôi khi được sử dụng cùng với thuộc tính clear, thuộc tính hủy bỏ việc chảy xung quanh phần tử.

Mặc dù ban đầu float được tạo ra để chèn các khối được chảy xung quanh vào văn bản, nhưng hiện nay nó được sử dụng rất rộng rãi và theo cách không chuẩn để xây dựng bố cục.

Cú pháp

bộ chọn {
	float: left | right | none;
}

bộ chọn {
	clear: both | left | right | none;
}

Giá trị cho float

Giá trị	Mô tả
`left`	Khối sẽ nổi về bên trái, và văn bản sẽ chảy xung quanh nó về bên phải.
`right`	Khối sẽ nổi về bên phải, và văn bản sẽ chảy xung quanh nó về bên trái.
`none`	Không có chảy xung quanh.

Giá trị mặc định: none.

Giá trị cho clear

Giá trị	Mô tả
`left`	Hủy bỏ việc chảy xung quanh từ bên trái.
`right`	Hủy bỏ việc chảy xung quanh từ bên phải.
`both`	Hủy bỏ việc chảy xung quanh từ cả bên trái và bên phải.
`none`	Không hủy bỏ việc chảy xung quanh.

Giá trị mặc định: none.

Ví dụ

Sử dụng float theo cách không chuẩn, đặt các mục danh sách thành một hàng:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>

li {
	float: left;
	border: 1px solid red;
}

Xem thêm

thuộc tính clear,
hủy bỏ float cho các phần tử ở trên