Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì? - VietAds

"Thuộc tính Float trong css""một "thuộc tính cơ bản" nhưng rất quan trọng trong việc thiết kế web. Với CSS Float các phần tử trong trang web có thể được đẩy sang trái hoặc phải và cho phép các phần tử khác có thể bao xung quanh nó.  

vietadsgroup.vn sẽ giới thiệu tới các bạn thuộc tính Float trong css thường được dùng kèm với images nhưng thuộc tính Float cũng thường xuyên được sử dụng khi làm việc với các layout.  

Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì?

Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì?, Bản quyền truy cập link xem bài viết: https://vietadsgroup.vn/tim-hieu-ve-thuoc-tinh-float-trong-css-la-gi.html

Hình 1: Thuộc tính Float trong CSS là gì?  

Thuộc tính Float trong css làm việc như thế nào?

Một đối tượng được float theo chiều ngang nghĩa là nó được float theo chiều trài và phải của trang web. Một phần tử khi được float sẽ di chuyển sát về phía  bên trái hoặc bên phải kể cả khi layout có thay đổi. Các phần tử nằm phía sau float sẽ bao quanh nó, còn các phần tử nằm trước float sẽ không có gì thay đổi. Ví dụ, nếu một image float sang bên phải thì các văn bản text ở trong cùng khối sẽ nằm về phía bên trái.  

Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì?

Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì?, Bản quyền truy cập link xem bài viết: https://vietadsgroup.vn/tim-hieu-ve-thuoc-tinh-float-trong-css-la-gi.html

 
Hình 2: Thuộc tính float trong css và nội dung web

Float các phần tử liên tiếp

Nếu bạn thiết lập thuộc tính float trong css ở nhiều phần tử, các phần tử trong cùng một khối sẽ lần lượt trôi về phía được float. Ví dụ tạo image gallery bằng cách sử dụng thuộc tính float trong css

. Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì?

Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì?, Bản quyền truy cập link xem bài viết: https://vietadsgroup.vn/tim-hieu-ve-thuoc-tinh-float-trong-css-la-gi.html

  Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì?

Tìm Hiểu Về Thuộc Tính Float Trong CSS Là Gì?, Bản quyền truy cập link xem bài viết: https://vietadsgroup.vn/tim-hieu-ve-thuoc-tinh-float-trong-css-la-gi.html

    Hình 3: Thiết lập thuộc tính float trong css  

Tóm lại, thuộc tính float trong css rất cần thiết và được sử dụng thường xuyên trong việc thiết kế web mà mỗi lập trình viên cần phải tìm hiểu và áp dụng thuần thục.

Từ khóa » Float Trong Css Là Gì