next
Round
Technologies
Experiences
Contribute
Login
next
Round
Technologies
Experiences
Contribute
Login
Question Loading...
Postioning
1. What is the position property in CSS used for?
Level: Expert | Frequency: High
2. What are the possible values of the position property?
Level: Expert | Frequency: High
3. What is the default positioning value of HTML elements?
Level: Expert | Frequency: High
4. What does position: static mean?
Level: Expert | Frequency: High
5. How does position: relative work?
Level: Expert | Frequency: High
6. How does position: absolute differ from relative?
Level: Expert | Frequency: High
7. How does position: fixed behave?
Level: Expert | Frequency: High
8. What is position: sticky, and how is it different from fixed?
Level: Expert | Frequency: High
9. How do the properties top, right, bottom, and left affect positioned elements?
Level: Expert | Frequency: High
10. Can z-index be applied to all elements?
Level: Expert | Frequency: High
11. What is the stacking context in CSS?
Level: Expert | Frequency: High
12. How does z-index work, and what are its limitations?
Level: Expert | Frequency: High
13. What happens when you apply position: absolute to a child inside a relatively positioned parent?
Level: Expert | Frequency: High
14. How do you centre an element using absolute positioning?
Level: Expert | Frequency: High
15. What’s the difference between fixed and sticky positioning in scrolling behaviour?
Level: Expert | Frequency: High
16. How do positioned elements affect document flow?
Level: Expert | Frequency: High
17. What happens to an absolutely positioned element if none of its ancestors are positioned?
Level: Expert | Frequency: High
18. How does position: sticky behave when combined with overflow properties?
Level: Expert | Frequency: High
19. How does position interact with display and float properties?
Level: Expert | Frequency: High
20. What’s the difference between using transform: translate() and position offsets (top, left)?
Level: Expert | Frequency: High
21. Does position: absolute remove the element from the normal document flow?
Level: Expert | Frequency: High
22. How do you position an element relative to the entire page rather than its parent?
Level: Expert | Frequency: High
23. How does positioning affect element inheritance and reflow?
Level: Expert | Frequency: High
24. Can you use position: sticky inside a table or flex container?
Level: Expert | Frequency: High
25. How does the browser determine the containing block for positioned elements?
Level: Expert | Frequency: High
26. How does position interact with CSS transforms and perspective?
Level: Expert | Frequency: High
27. What happens if multiple elements have position: fixed on the same page?
Level: Expert | Frequency: High
28. How do you create a modal overlay using CSS positioning?
Level: Expert | Frequency: High
29. How can you implement a tooltip using CSS positioning only?
Level: Expert | Frequency: High
30. What is the difference between visual stacking and DOM order in positioned elements?
Level: Expert | Frequency: High
31. How would you make a floating button always visible at the bottom right corner?
Level: Expert | Frequency: High
32. How can you implement a sticky sidebar that stops at the footer?
Level: Expert | Frequency: High
33. How can you make an element stay in the same place during scrolling but only within its section?
Level: Expert | Frequency: High
34. How would you layer multiple positioned elements (like banners, modals, and tooltips) correctly?
Level: Expert | Frequency: High
35. How can you detect and fix layout shifts caused by positioned elements?
Level: Expert | Frequency: High
36. How does position work inside an iframe or shadow DOM?
Level: Expert | Frequency: High
37. How can you combine CSS Grid or Flexbox with positioning for complex layouts?
Level: Expert | Frequency: High
38. How can you make a background element fixed while the content scrolls above it?
Level: Expert | Frequency: High
39. How can you make elements overlap only on certain screen sizes using positioning?
Level: Expert | Frequency: High
40. How does clip-path interact with positioned elements?
Level: Expert | Frequency: High
All Topics
Basics
Selectors
Box model
Text formatters
Postioning
Display
Pseudo classes
Pseudo elements
Flexbox
Grid
Display
Combinators
Overflow
Breakpoint
Transformation and Transition
Frameworks
Everything else