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

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

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

Giá trị cho float

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

Giá trị cho clear

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:

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

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

Результат:

Xem thêm