Estoy tratando de colocar dos divs lado a lado y usar el siguiente CSS para ello.

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

#right {
  overflow: hidden;
}

El HTML es simple, dos div izquierdo y derecho en un div envoltorio.

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

He intentado tantas veces buscar una mejor manera en StackOverflow y otros sitios, pero no pude encontrar la ayuda exacta.

Entonces, el código funciona bien a primera vista. El problema es este, que el div izquierdo se rellena / margen automáticamente a medida que aumenta el ancho en (%). Entonces, al 65% de ancho, el div izquierdo tiene algo de relleno o margen y no está perfectamente alineado con el div derecho, intenté rellenar / margen 0 pero no tuve suerte. En segundo lugar, si me acerco a la página, el div de la derecha se desliza debajo del div de la izquierda, es como una pantalla no fluida.

Nota: Lo siento, he buscado mucho. Esta pregunta se ha hecho muchas veces, pero esas respuestas no me ayudan. He explicado cuál es el problema en mi caso.

Espero que haya una solución para eso.

Gracias.

EDIT: Lo siento, yo problema de HTML, había dos divs de "caja" en ambos lados izquierdo y derecho, tenían relleno en%, por lo que el lado izquierdo mostraba más relleno debido al mayor ancho. Lo sentimos, el CSS anterior funciona a la perfección, su visualización fluida y fija, lo siento por hacer la pregunta incorrecta ...