How to make a floated div 100% height of its parent?

by

For the parent:

display: flex;

You should add some prefixes http://css-tricks.com/using-flexbox/

Edit:
Only drawback is IE as usual, IE9 does not support flex.
http://caniuse.com/flexbox

Edit 2:
As @toddsby noted, align items is for parent, and its default value actually is stretch. If you want a different value for child, there is align-self property.

Edit 3:
jsFiddle: https://jsfiddle.net/bv71tms5/2/

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. Div height 100% and expands to fit content [duplicate]
  4. How to set height property for SPAN
  5. Set div height equal to screen size
  6. Canvas is stretched when using CSS but normal with `width` & `height` attributes
  7. How to draw this chart in html and CSS? [closed]
  8. Change a HTML5 input’s placeholder color with CSS
  9. Why doesn’t height: 100% work to expand divs to the screen height?
  10. Make a div into a link
  11. Remove padding from columns in Bootstrap 3
  12. Format text in a ?
  13. CSS :before on inline SVG
  14. How to create equal height columns in pure CSS [duplicate]
  15. Webkit CSS to control the box around the color in an input[type=color]?
  16. How to center absolute div horizontally using CSS?
  17. HTML not loading CSS file
  18. How to link a CSS file from HTML file?
  19. How can I send an inner to the bottom of its parent ?
  20. Make text height 100% of div?
  21. SPAN vs DIV (inline-block)
  22. how to rotate text left 90 degree and cell size is adjusted according to text in html
  23. How to add a search box with icon to the navbar in Bootstrap 3?
  24. Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
  25. background-image doesn’t appear if is empty?
  26. Why box-sizing is not working with width/height attribute on canvas element?
  27. How do I make text bold in HTML?
  28. Center fixed div with dynamic width (CSS)
  29. Is it acceptable to use tables for forms? Or is it still more correct to use divs?
  30. Stacking DIVs on top of each other?

Leave a Comment