Eu estou tentando colocar dois divs lado a lado e usando o seguinte CSS para ele.

#left {
  float: left;
  width: 65%;
  overflow: hidden;
}

#right {
  overflow: hidden;
}

O HTML é simples, duas divs esquerda e direita em um div wrapper.

<div id="wrapper">
  <div id="left">Left side div</div>    
  <div id="right">Right side div</div>
</div>

Eu tentei tantas vezes para procurar uma maneira melhor no StackOverflow e outros sites também, mas não consegui encontrar a ajuda exata.

Então, o código funciona bem à primeira vista. Problema é este, que o div esquerdo obtém preenchimento / margem automaticamente conforme eu aumentei a largura em (%). Então, com 65% de largura, a div esquerda está tendo algum preenchimento ou margem e não está perfeitamente alinhada com a div direita, tentei preencher / margem 0 mas sem sorte. Em segundo lugar, se eu aumentar o zoom na página, a div direita desliza abaixo da div esquerda, é como não exibir fluido.

Nota: Desculpe, procurei bastante. Esta pergunta foi feita muitas vezes, mas essas respostas não estão me ajudando. Eu expliquei qual é o problema no meu caso.

Espero que haja uma correção para isso.

Obrigado.

EDIT: Desculpe, me problema HTML, havia dois "caixa" divs em ambos os lados esquerdo e direito, Eles tinham preenchimento em%, Então lado esquerdo mostrou mais preenchimento por causa da maior largura. Desculpe, o CSS acima funciona perfeito, sua exibição fluida e fixa, Desculpe por fazer a pergunta errada ...