title: Horizontal scroll of elements (100% width) inside parent element with percentage width value
body: <p>I'm using Bootstrap3 for creating pages in my application.</p>
  
  <p>Somewhere deep in a page I have the column (<code>col-md-6</code>), which width is calculated by percentage. My current goal is to fill that element with a set of child elements, respecting following rules:</p>
  
  <ol>
  <li>height of each child element must be inherited from the parent element;</li>
  <li>width of each child element must be equal to width of the parent element;</li>
  <li>child elements must be placed horizontally;</li>
  <li>parent element must have horizontal scroll to navigate thru elements.</li>
  </ol>
  
  <p>If we use fixed values (in <code>px</code>), the task becomes pretty easy. Like here <a href="http://jsfiddle.net/vUEYG/" rel="nofollow noreferrer">http://jsfiddle.net/vUEYG/</a></p>
  
  <p>But I have no idea how to solve it with percentage values. I mean, ok I can add some wrapper element with width equal to N*100% (where <code>N</code> is the number of child elements). But then the question is how to set width of child elements to those 100%? :)</p>
  
  <p>Could someone give an advice? </p>
  
  <p>Thank you</p>