Trước khi cùng nhau tìm hiểu về thuộc tính này của CSS,tôi xin cảnh báo bạn rằng thật khó có thể diễn tả được tầm quan trọng của thuộc tính Position trong CSS,nó có thể được ví như ( có thể là hơi quá) là vai trò của Oxi với cuộc sống của chúng ta vậy. | Tìm hiểu CSS Position Trước khi cùng nhau tìm hiểu về thuộc tính này của CSS tôi xin cảnh báo bạn rằng thật khó có thể diễn tả được tầm quan trọng của thuộc tính Position trong CSS nó có thể được ví như có thể là hơi quá là vai trò của Oxi với cuộc sống của chúng ta vậy. Trong việc thiết kế một trang web việc xác định một vị trí thành phần trên trang là một điều chúng ta thường xuyên phải thực hiện CSS ra đời cũng vì mục đích đó mà thôi Các nhà thiết kế web sẽ ráp HTML và sau đó họ sẽ dùng CSS để định vị trí cho mỗi phần tử HTML. Trước hết các bạn cần biết rằng thuộc tính Position sẽ có bốn giá trị lựa chọn như sau static relative absolute fixed Và điều sau đây các bạn cần phải lưu ý là mỗi phần tử HTML luôn bắt buộc phải nhận một giá trị trong 4 giá trị trên. Như vậy thì nếu các bạn vô tình không đặt thuộc tính position cho nó thì sao nhỉ yên tâm đi nếu các bạn không đặt giá trị cho nó thì nó sẽ tự động nhận giá trị mặc định là static. Sau đây tôi sẽ hướng dẫn cụ thể tác dụng của từng thuộc tính một 1. Static Với giá trị này các thành phần HTML sẽ được định ở vị trí mặc định và chú ý là khi đặt giá trị này thì nghĩa là các giá trị top left right và bottom sẽ không còn hiệu lực nữa. 2. Relative Khi các bạn đặt giá trị relative cho đối tượng HTML nghĩa là bạn đang định vị trí tương đối cho nó. Tôi biết có thể một số bạn sẽ chưa hiểu như thế nào là định vị trí tương đối vậy tôi xin giảng giải thế này chẳng hạn như một phần tử X đang đứng ở vị trí mặc định là a nào đó trên trang web nói là vị trí mặc định bởi vì nó đang nhận giá trị position mặc định là static . Và nếu các bạn đặt position cho nó là relative và các giá trị top left right và bottom xác định ở đây tôi giả sử là đặt top 50px thế thì vị trí của X sẽ được tính từ vị trí a nghĩa là coi a là gốc tọa độ các giá trị top left right và bottom sẽ là tọa độ của X trong hệ tọa độ gốc a đó. Nói đến đây chắc cũng quá đủ để các bạn có thể hiểu được vấn đề. 3. Absolute Khi giá trị của position là absolute nghĩa là phần
