Usiłuję umieścić dwa divy obok siebie i użyć do tego następującego CSS.

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

#right {
  overflow: hidden;
}

HTML jest prosty, dwa lewe i prawe div w opakowaniu div.

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

Próbowałem tyle razy szukać lepszego sposobu na StackOverflow i innych witrynach, ale nie mogłem znaleźć dokładnej pomocy.

Tak więc kod działa na pierwszy rzut oka dobrze. Problem polega na tym, że lewy div otrzymuje dopełnienie / margines automatycznie, gdy zwiększam szerokość w (%). Tak więc przy 65% ​​szerokości lewy div ma jakieś dopełnienie lub margines i nie jest idealnie dopasowany do prawego div, próbowałem dopełnić / margines 0, ale nie miałem szczęścia. Po drugie, jeśli powiększę stronę, prawy div przesuwa się poniżej lewego div, to jak nie płynny wyświetlacz.

Uwaga: Przykro mi, dużo przeszukałem. To pytanie zostało zadane wiele razy, ale te odpowiedzi mi nie pomagają. Wyjaśniłem, jaki jest problem w moim przypadku.

Mam nadzieję, że jest na to poprawka.

Dziękuję Ci.

EDYCJA: Przepraszam, ja HTML problem, Były dwa "pudełka" div zarówno po lewej i prawej stronie, Miały dopełnienie w%, więc lewa strona pokazała więcej padding z powodu większej szerokości. Przepraszamy, powyższy CSS działa idealnie, jego płynny wyświetlacz i naprawiony, Przepraszam, że zadałem złe pytanie ...