Expanding the parent container with 100% height to account for floated content

Question

I\'m struggling with a client project. All of my divs have no absolute positioning, height:100% for html, body, and conta

Answer 1

If you have to use overflow:visible for some reason, there's other way to force container to stretch to contain all floated content. You have to put element with clear:both as a last container's elements. If you ignore ancient IEs (<8) you can do it with very simple css (vide https://css-tricks.com/snippets/css/clear-fix/):

.your-container:after {
  content: "";
  display: table;
  clear: both;
}