2-Column Div Layout: alcançando uma coluna direita de largura fixa e coluna da esquerda fluida

desafio:

criando Um layout de duas colunas em que a coluna certa tem uma largura fixa, enquanto a coluna esquerda se ajusta dinamicamente ao espaço disponível. Implementar o layout usando float e margem, mas encontra questões. Diretrizes:

remova o float na coluna esquerda:

aplique o excesso à divisão externa: Adicione Overflow: oculto e uma altura (por exemplo, altura: auto) ao divisor externo (div. recipiente). Isso impede que os divs internos transbordem do contêiner. Isso permite que a coluna preencha o espaço restante e impeça a interação com a coluna certa. &&&]

1. . Container { Altura: Auto; estouro: oculto; } .certo { Largura: 180px; Float: Certo; Antecedentes: #aafed6; } .esquerda { Float: Nenhum; Antecedentes: #e8f6fe; Largura: Auto; estouro: oculto; }
2. Demo:
visite [this jsfiddle] (https://jsfiddle.net/jackjoe/fxwg7/) para uma demonstração de trabalho.