Make absolute positioned div expand parent div height

by

You answered the question by yourself: “I know that absolute positioned elements are removed from the flow, thus ignored by other elements.” So you can’t set the parents height according to an absolutely positioned element.

You either use fixed heights or you need to involve JS.

More Related Contents:

  1. How to overlay one div over another div
  2. How does the “position: sticky;” property work?
  3. Position: absolute and parent height?
  4. CSS absolute position won’t work with margin-left:auto margin-right: auto
  5. Difference between position:sticky and position:fixed?
  6. What are the CSS properties that get elements out of the normal flow?
  7. CSS position element “fixed” inside scrolling container
  8. click link below a higher z-index div [duplicate]
  9. Cross browser method to fit a child div to its parent’s width
  10. Browser is not displaying images
  11. How can I select an element with multiple classes in jQuery?
  12. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  13. Why doesn’t percentage padding / margin work on flex items in Firefox and Edge?
  14. Put icon inside input element in a form
  15. Grid properties not working on elements inside grid container
  16. Is element block level or inline level?
  17. How to make a div 100% height of the browser window
  18. Styling an anchor tag to look like a submit button
  19. Hide html horizontal but not vertical scrollbar
  20. Why is there vertical scroll on the main container?
  21. Scrolling to an Anchor using Transition/CSS3
  22. Can a ::before selector be used with a ?
  23. CSS data attribute new line character & pseudo-element content value
  24. CSS grid wrapping
  25. How can I create a row-based masonry layout using CSS?
  26. Selecting the last element among various nested containers
  27. Why using absolute position causes the div to be on top?
  28. Element with “display: inline-flex” has a strange top margin
  29. How to flatten nested divs to display them in a CSS grid?
  30. How to get horizontal scroll bar in select box in IE?

Leave a Comment