Nếu một phần tử có CSS position: absolute; top: 10px; left: 20px;

4/20

Nếu một phần tử có CSS position: absolute; top: 10px; left: 20px; trong một <div> không có position, nó sẽ định vị dựa trên đâu?

Góc trên trái của <div>.

Góc trên trái của trang web.

Góc dưới phải của <div>.

Vị trí mặc định của phần tử.

Giải thích

Chọn B

- Khi một phần tử có position: absolute;, nó sẽ định vị dựa trên phần tử cha gần nhất có position là relative, absolute, fixed, hoặc sticky.

- Nếu không có phần tử cha nào có position (tức là tất cả đều có position: static;, là giá trị mặc định), thì phần tử absolute sẽ được định vị theo góc trên trái của trang web (tức là <html> hoặc <body>).

- Trong câu hỏi, <div> không có position, tức là vẫn có giá trị mặc định static, nên phần tử con absolute sẽ căn chỉnh dựa trên trang web.