overflow: rolagem; em

Question

Por que a propriedade overflow:scroll; CSS não trabalhar em <td>, enquanto overflow:hidden; funciona bem?

<table border="1" style="table-layout:fixed; width:100px">
  <tr>
    <td style="overflow:scroll; width:50px;">10000000000000000000000000000000000</td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

A partir da CSS specs ^{1 , 2} , eu não posso ver o porquê.

Answer 1

Eu tenho algo daqui !

Andrew Fedoniouk escreveu:

Esta é realmente a minha pergunta: "Uma razão técnica é que a propriedade overflow não se aplica a mesas." -? por que é esta razão

Não sou especialista, mas eu acredito que esta é apenas para compatibilidade com mesa de comportamento legado. Você pode checar o layout "automático" mesa algoritmo no spec. Estou bastante Certifique-se que este algoritmo de layout é incompatível com o transbordamento alojamento (ou, mais precisamente, a algoritmo de layout nunca vai resultar em a necessidade para qualquer valor de transbordamento exceto 'visível').

Sim, é por isso que eu estou pedindo. Parece que não há razões formais porque ou não deve ser de rolagem, mas parece fornecedores UA chegaram a algum acordo silencioso nesta área. Assim é o questão.

A especificação concorda com você no que diz respeito para elementos. As células da tabela são deveria respeitar estouro, embora Mozilla, pelo menos, parece não fazer tão. Eu não posso responder à sua pergunta em Neste caso, embora eu ainda faria acho que a resposta ainda está ligada à legado de renderização.

O thread principal é aqui .

Answer 2

Você tem que envolvê-la em uma div, que irá funcionar:

<table border="1" style="table-layout:fixed; width:500px">
  <tr>
    <td style="width:100px;"><div style="overflow:scroll; width:100%">10000000000000000000000000000000000</div></td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

Answer 3

Em primeiro lugar fornecer altura desejada para td e depois Aplicar "float: left". Imóvel para respectivo "td" você quer barra de rolagem para aparecer