pli

Thuộc tính Float trong CSS

Thuộc tính float có tác dụng đẩy phần tử sang bên trái hoặc bên phải. Nó thường được áp dụng vào việc thiết kế bố cục của trang web (Layout). Ở Layout phía trên, phần nằm giữa gồm ba khối: menu, nội dung, quảng cáo. Thông thường, các phần tử khối sẽ bắt đầu trên một hàng mới. Nhưng ở đây, cả ba phần tử khối có thể nằm trên cùng một hàng đó là nhờ vào thuộc tính float. Trước tiên, ta thiết lập khối menu chiều rộng 30% và đẩy nó sang trái. (Xem ví dụ). Tiếp theo, ta thiết lập khối nội dung chiều rộng 50% và đẩy nó sang trái (Nếu một phần tử được đẩy sang trái thì nó sẽ nối đuôi phần tử đứng trước nó). Do đó, khối nội dung sẽ được nằm cạnh khối menu

Thuộc tính Float trong CSS

Thuộc tính float có tác dụng đẩy phần tử sang bên trái hoặc bên phải. Nó thường được áp dụng vào việc thiết kế bố cục của trang web (Layout). Ở Layout phía trên, phần nằm giữa gồm ba khối: menu, nội dung, quảng cáo. Thông thường, các phần tử khối sẽ bắt đầu trên một hàng mới. Nhưng ở đây, cả ba phần tử khối có thể nằm trên cùng một hàng đó là nhờ vào thuộc tính float. Trước tiên, ta thiết lập khối menu chiều rộng 30% và đẩy nó sang trái. (Xem ví dụ). Tiếp theo, ta thiết lập khối nội dung chiều rộng 50% và đẩy nó sang trái (Nếu một phần tử được đẩy sang trái thì nó sẽ nối đuôi phần tử đứng trước nó). Do đó, khối nội dung sẽ được nằm cạnh khối menu