Question

Currently I’m working on a project that needs me to have 2 div’s side by side. This isn’t such of a problem, except I want the parent div to auto resize properly when one of the subdivs becomes larger.. here comes the problem..

When one is larger than the other it pushes the other to the bottom of the parent div.. my question is; how am I able to fix this?

To see my problem in action: http://jsfiddle.net/zygnz/508/

Thanks!

Answer 1

Just updated your Fiddle with the solution:

http://jsfiddle.net/zuul/zygnz/511/

CSS

.right, .left {
  float: left;
}
.clear {
  clear: both;
}
.container div {
    display: block;
}

HTML

<div id="container">
  .
  .
  .
  <div class="clear"></div>
</div>