CSS Position
Last updated
Last updated
Trong CSS, "normal flow" là cách mà các phần tử HTML tự động xếp chồng lên nhau theo thứ tự xuất hiện trong mã nguồn HTML mà không cần phải sử dụng các thuộc tính đặc biệt để kiểm soát vị trí của chúng. Các phần tử trong normal flow sẽ tự động căn chỉnh theo chiều dọc và chiều ngang của trình duyệt.
Cụ thể, các phần tử block-level sẽ hiển thị theo chiều dọc, từ trên xuống dưới, mỗi phần tử sẽ chiếm một hàng riêng biệt. Trong khi đó, các phần tử inline sẽ hiển thị theo chiều ngang, từ trái sang phải, và sẽ nằm trong cùng một hàng với các phần tử inline khác.
Normal flow là cách xếp chồng mặc định của các phần tử trong CSS và nó thường được sử dụng khi không có các thuộc tính hoặc giá trị CSS nào được áp dụng để thay đổi vị trí hoặc dòng của các phần tử.