title: Scrollable area related to the size of another element
body: <p>I want to create a scrollable area for the text (class <code>text</code>), who have the size of the picture (class <code>picture</code>).</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="picture"&gt;
          &lt;img src="..." &gt;
      &lt;/div&gt;
      &lt;div class="text"&gt;
          &lt;p&gt;....&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The only way, I have found is set the size for the <code>wrapper</code> but if the picture have height more importe than the wrapper, she is crop.</p>
  
  <p>So make it's possible to realize a scroll area for <code>text</code> with the size of <code>picture</code>?</p>