Como tornar div como 100% dos pais não criança

Question

Eu estou tentando criar um painel de rolagem dentro de uma célula da tabela.

O que eu gostaria é para a div a ser tão grande como a célula da tabela e depois processar barras de rolagem para o conteúdo.

Quando eu tente o seguinte o div define sua largura para 100% do tag span não continha a célula

<table cellpadding="3" width="90%" align="center" border="0">
  <tr>
    <td>
       <div style="border: solid 1px red; height: 10px; width: 100%; overflow: auto;">
          <span style="width: 2000px;">a</span>
       </div>
    </td>
  </tr>
</table>

Eu estava sob a impressionante que width = 100% deve tamanho no pai não na criança?

Todas as idéias?

Answer 1

Uma célula tabela vazia não tem largura, o espaço é o que está forçando a largura da célula. É por isso que o div largura é igual à largura da célula.

Answer 2

Eu tentei-o dentro de uma div contendo em vez de uma mesa e ele funciona muito bem.

Eu assumo que a extensão interna largura está causando a largura td para ser 2000px