Como fazer a largura percentual da div relativa ao div pai e não à viewport

Question

Dec 13, 2012, 09:14 PM

Como fazer a largura percentual da div relativa ao div pai e não à viewport

Aqui está o HTML com o qual estou trabalhando.

<div id="outer" style="min-width: 2000px; min-height: 1000px; background: #3e3e3e;">
  <div id="inner" style="left: 1%; top: 45px; width: 50%; height: auto; position: absolute; z-index: 1;">
    <div style="background: #efffef; position: absolute; height: 400px; right: 0px; left: 0px;"></div>
  </div>
</div>

O que eu gostaria de que acontecesse é que o div interior ocupe 50% do espaço dado a seu div pai (externo). Em vez disso, ele obtém 50% do espaço disponível para a viewport, o que significa que, à medida que o navegador / viewport diminui de tamanho, isso também acontece.

Dado que o div externo temmin-width do2000px, Eu esperaria que o div interno fosse pelo menos1000px Largo.