561
CSS Gardening (sopuli.xyz)
submitted 1 year ago by to c/programmer_humor@programming.dev
11 comments fedilink hide all child comments
 
you are viewing a single comment's thread
view the rest of the comments
[–] 8 points 1 year ago (3 children)

Why is .tree's position relative?

  • permalink
  • fedilink
  • source
  • hideshow 3 child comments
    •
  • [–] 6 points 1 year ago* (last edited 1 year ago)

    It's so the position: absolute for .leaves works relative to .tree. The implication is that .leaves is a descendant of .tree.

    position: absolute looks for the nearest ancestor with a set position in order to determine its own positioning context. Otherwise the absolute positioning would basically be relative to the viewport. If the position: relative was missing, the leaves would be against the bottom edge of the image.

    source

    edit: I mean .leaves, not .branch

  • permalink
  • fedilink
  • source
  • parent