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

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

#right {
  overflow: hidden;
}

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

  Left side div    
  Right side div

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

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

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

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

Спасибо.

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