title: Choosing Parent Height With white-space:nowrap
body: <p>So I have these DIVs which I have arranged to slide left an right inside of the parent.</p>
  
  <p>See the following JSFiddle to see the design:</p>
  
  <p><a href="http://jsfiddle.net/StevP/C9WL7/" rel="nofollow">http://jsfiddle.net/StevP/C9WL7/</a></p>
  
  <p>You can see that by adjusting the margin-left of the first child DIV by multiples of -100%, it's rather simple to correctly horizontally position the DIVs inside the parent. Therefore, it's very easy to animate.</p>
  
  <p>Now, this brings me to my issue. I'm using jQuery to move them left and right. It works great. However, I'd like to choose which child the parent gets its height from.</p>
  
  <p>I know, I can just add...</p>
  
  <pre><code>    $('#parent').height($('.child:eq()').outerHeight());
  </code></pre>
  
  <p>...Which is what I have it currently doing. However, the contents of the children are likely to change causing them to resize (by animate) and, therefore, be cut off. So, having a set height isn't a possibility.</p>
  
  <p>I need to use height:auto; on the parent and somehow cause it to ignore the heights of specific children. I can't for the life of me think of a way.</p>
  
  <p>I don't want to use a timer and onresize/.resize() don't seem to work with my Chrome.</p>