Absolute positioningThe first type

Absolute positioning
The first type of positioning is absolute positioning. When an element is set to position: absolute, it's then positioned in relation to the first parent element it has that doesn't have position: static. If there's no such element, the element with position: absolute gets positioned relative to .

To show you how this works, we've set the #outer div to have absolute positioning. This means that when you position the #inner div, it will be relative to #outer. (If #outer had the default positioning of static, then #inner would get positioned relative to the entire HTML document.)

Instructions
Try it out: set #inner's position to absolute and give it a margin-left of 20px.

Kết quả (Việt) 1:

Định vị tuyệt đốiCác loại đầu tiên của việc định vị là định vị tuyệt đối. Khi một phần tử được đặt vị trí: tuyệt đối, đó là sau đó vị trí liên quan đến phụ huynh yếu tố đầu tiên nó có mà không có vị trí: tĩnh. Nếu không có không có yếu tố như vậy, các phần tử với các vị trí: tuyệt đối được vị trí tương đối.Để hiển thị cho bạn cách làm việc này, chúng tôi đã thiết lập #outer div có định vị tuyệt đối. Điều này có nghĩa rằng khi bạn định vị #inner div, nó sẽ liên quan đến #outer. (Nếu #outer đã có vị trí mặc định của tĩnh, sau đó #inner sẽ có được vị trí tương đối với toàn bộ tài liệu HTML.)Hướng dẫnDùng thử: thiết lập vị trí của #inner đến tuyệt đối và cung cấp cho nó một lề bên trái của 20px.

Kết quả (Việt) 2:

Định vị tuyệt đối
Các loại đầu tiên của định vị là vị trí tuyệt đối. Khi một phần tử được đặt vào vị trí: tuyệt đối, nó sau đó vị trí liên quan đến các yếu tố phụ huynh đầu tiên nó có mà không có các mục: tĩnh. Nếu không có yếu tố này, các phần tử với vị trí:. Tuyệt đối được vị trí tương đối so với

Để cho bạn thấy cách làm việc này, chúng tôi đã thiết lập các div #outer để có vị trí tuyệt đối. Điều này có nghĩa rằng khi bạn xác định vị trí các div #inner, nó sẽ được liên quan đến #outer. (. Nếu #outer có vị trí mặc định của tĩnh, sau đó #inner sẽ được vị trí tương đối với toàn bộ tài liệu HTML)

Hướng dẫn
Hãy thử nó ra: thiết lập vị trí # bên trong để tuyệt đối và cung cấp cho nó một margin-left của 20px.