Я пытаюсь разместить два div рядом друг с другом и использую следующий CSS для этого.

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

#right {
  overflow: hidden;
}

HTML простой, два левых и правых div в div-обертке.

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

Я много раз пытался найти лучший способ на StackOverflow и на других сайтах, но не смог найти точную помощь.

Итак, код отлично работает на первый взгляд. Проблема в том, что левый div автоматически получает отступ / отступ при увеличении ширины в (%). Итак, при ширине 65% левый div имеет некоторый отступ или отступ и не идеально выровнен по правому div, я попытался выполнить padding / margin 0, но безуспешно. Во-вторых, если я увеличу масштаб страницы, правый элемент будет скользить ниже левого элемента, это как не плавный дисплей.

Примечание: извините, я много искал. Этот вопрос задавался много раз, но эти ответы мне не помогают. Я объяснил, в чем проблема в моем случае.

Я надеюсь, что есть решение для этого.

Спасибо.

РЕДАКТИРОВАТЬ: Извините, я проблема с HTML, было два div "box" в левой и правой сторонах, у них было заполнение в%, так что левая сторона показала больше заполнения из-за большей ширины. Извините, вышеупомянутый CSS работает отлично, его плавное отображение и исправлено, извините за неправильный вопрос