Positioning interview questions

18 real Positioning questions from the CSS bank, as asked in Indian campus drives and tech interviews. Every question has a verified answer and an AI-tutor explanation on placd — free to start.

1. What is position relative?

Junior
  1. A.a value that offsets an element from its normal spot while still reserving its original space in flow
  2. B.a value that removes an element from flow and places it relative to the nearest positioned ancestor
  3. C.a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  4. D.a self-contained layer hierarchy in which z-index values are compared only among siblings
Reveal the answer + AI explanation — free account

3. Which statement is correct?

Junior
  1. A.position relative — a value that offsets an element from its normal spot while still reserving its original space in flow
  2. B.position relative — a self-contained layer hierarchy in which z-index values are compared only among siblings
  3. C.position relative — a value that removes an element from flow and places it relative to the nearest positioned ancestor
  4. D.position relative — a value that removes an element from flow and pins it relative to the viewport during scrolling
Reveal the answer + AI explanation — free account

4. What is position absolute?

Mid
  1. A.a value that removes an element from flow and places it relative to the nearest positioned ancestor
  2. B.a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  3. C.a value that removes an element from flow and pins it relative to the viewport during scrolling
  4. D.a self-contained layer hierarchy in which z-index values are compared only among siblings
Reveal the answer + AI explanation — free account

6. Which statement is correct?

Mid
  1. A.position absolute — a value that removes an element from flow and places it relative to the nearest positioned ancestor
  2. B.position absolute — the property controlling stacking order of overlapping positioned elements
  3. C.position absolute — a value that offsets an element from its normal spot while still reserving its original space in flow
  4. D.position absolute — a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
Reveal the answer + AI explanation — free account

7. What is position fixed?

Mid
  1. A.a value that offsets an element from its normal spot while still reserving its original space in flow
  2. B.a value that removes an element from flow and pins it relative to the viewport during scrolling
  3. C.a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  4. D.a value that removes an element from flow and places it relative to the nearest positioned ancestor
Reveal the answer + AI explanation — free account

9. Which statement is correct?

Mid
  1. A.position fixed — a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  2. B.position fixed — the property controlling stacking order of overlapping positioned elements
  3. C.position fixed — a value that removes an element from flow and places it relative to the nearest positioned ancestor
  4. D.position fixed — a value that removes an element from flow and pins it relative to the viewport during scrolling
Reveal the answer + AI explanation — free account

10. What is position sticky?

Mid
  1. A.a value that offsets an element from its normal spot while still reserving its original space in flow
  2. B.a value that removes an element from flow and pins it relative to the viewport during scrolling
  3. C.a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  4. D.a value that removes an element from flow and places it relative to the nearest positioned ancestor
Reveal the answer + AI explanation — free account

12. Which statement is correct?

Mid
  1. A.position sticky — a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  2. B.position sticky — a value that removes an element from flow and places it relative to the nearest positioned ancestor
  3. C.position sticky — a self-contained layer hierarchy in which z-index values are compared only among siblings
  4. D.position sticky — a value that removes an element from flow and pins it relative to the viewport during scrolling
Reveal the answer + AI explanation — free account

13. What is z-index?

Junior
  1. A.a value that offsets an element from its normal spot while still reserving its original space in flow
  2. B.a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  3. C.the property controlling stacking order of overlapping positioned elements
  4. D.a self-contained layer hierarchy in which z-index values are compared only among siblings
Reveal the answer + AI explanation — free account

15. Which statement is correct?

Junior
  1. A.z-index — a value that offsets an element from its normal spot while still reserving its original space in flow
  2. B.z-index — a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  3. C.z-index — the property controlling stacking order of overlapping positioned elements
  4. D.z-index — a value that removes an element from flow and pins it relative to the viewport during scrolling
Reveal the answer + AI explanation — free account

16. What is stacking context?

Senior
  1. A.a self-contained layer hierarchy in which z-index values are compared only among siblings
  2. B.the property controlling stacking order of overlapping positioned elements
  3. C.a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  4. D.a value that removes an element from flow and places it relative to the nearest positioned ancestor
Reveal the answer + AI explanation — free account

18. Which statement is correct?

Senior
  1. A.stacking context — a self-contained layer hierarchy in which z-index values are compared only among siblings
  2. B.stacking context — the property controlling stacking order of overlapping positioned elements
  3. C.stacking context — a value that behaves as in-flow until a scroll threshold is crossed, then stays pinned within its container
  4. D.stacking context — a value that removes an element from flow and places it relative to the nearest positioned ancestor
Reveal the answer + AI explanation — free account

Free to start

Answers, AI explanations, and a scored voice mock interview

Sign up free to check your answers with explanations, ask the AI tutor anything on any question, and take one full AI mock interview — scored like a real panel.

Practice Positioning free