Div height 100% and expands to fit content [duplicate]

by

Here is what you should do in the CSS style, on the main div

display: block;
overflow: auto;

And do not touch height

More Related Contents:

  1. Canvas is stretched when using CSS but normal with “width” / “height” properties
  2. How to get div height to auto-adjust to background size?
  3. How to make a floated div 100% height of its parent?
  4. How to make the overflow CSS property work with hidden as value
  5. How to set height property for SPAN
  6. Overflow to left instead of right
  7. Set div height equal to screen size
  8. Issue when centering vertically with flexbox when heights are unknown
  9. Horizontal scroll in DIV with many small DIV’s inside (no text)
  10. overflow: hidden on div and body, different behavior
  11. Canvas is stretched when using CSS but normal with `width` & `height` attributes
  12. Make body have 100% of the browser height
  13. Select elements by attribute in CSS
  14. How to prevent long words from breaking my div?
  15. CSS margin adds space outside parent element [duplicate]
  16. Position: absolute and parent height?
  17. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  18. make div’s height expand with its content
  19. Two divs, one fixed width, the other, the rest
  20. CSS: 100% width or height while keeping aspect ratio?
  21. blur of part of Background image with css
  22. Div width 100% minus fixed amount of pixels
  23. What’s the maximum pixel value of CSS width and height properties?
  24. Two Divs next to each other, that then stack with responsive change
  25. Make HTML5 video poster be same size as video itself
  26. How to align a div to the top of its parent but keeping its inline-block behaviour?
  27. How to push a footer to the bottom of page when content is short or missing?
  28. How to add bordered triangle over a div tag
  29. CSS Floating Divs with different height are aligned with space between them
  30. Flexbox layout with two equal height children, one containing nested flexbox with scrolling content

Leave a Comment