title: Mixing floating and fixed positioning
body: <p>here is a standard use of <strong>float</strong> and <strong>fixed</strong> :</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
          #bigDiv
          {
              background-color: red;
              height: 2000px;
              width: 100px;
              float: left;
          }
          #littleDiv
          {
              background-color: green;
              height: 400px;
              width: 200px;
              float: left;            
          }
          #littleDivFixed
          {
              background-color: blue;
              height: 100px;
              width: 200px;
              position: fixed;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="bigDiv"&gt;
      &lt;/div&gt;
      &lt;div id="littleDiv"&gt;
      &lt;/div&gt;
      &lt;div id="littleDivFixed"&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>_</p>
  
  <ul>
  <li>the "littleDiv" div is on the right of the "bigDiv" div but does not follow the scrolling,</li>
  <li>the "littleDivFixed" div, on the contrary, scrolls but is not well positioned relatively to the "bigDiv" div (it is always stuck at the left of the display).</li>
  </ul>
  
  <p>_</p>
  
  <p><strong>Is it possible to have a div that mixes the two behaviours :</strong></p>
  
  <ul>
  <li><strong>always on the right of the "bigDiv" div</strong> (at a constant distance of 10px),</li>
  <li><strong>always on the display</strong> (at a constant distance of 10px from the top) ?</li>
  </ul>
  
  <p>_</p>
  
  <p>Thanks in advance for your help.</p>