Ich versuche, zwei Divs nebeneinander zu platzieren und benutze dafür das folgende CSS.

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

#right {
  overflow: hidden;
}

Das HTML ist einfach, zwei links und rechts div in einem Wrapper div.

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

Ich habe so oft versucht, auf StackOverflow und anderen Websites nach einem besseren Weg zu suchen, konnte aber die genaue Hilfe nicht finden.

Der Code funktioniert also auf den ersten Blick einwandfrei. Das Problem ist, dass das linke Div automatisch einen Abstand / Rand erhält, wenn ich die Breite in (%) vergrößere. Also, bei einer Breite von 65% hat das linke Div etwas Abstand oder Rand und ist nicht perfekt mit dem rechten Div ausgerichtet. Ich habe versucht, Abstand / Rand 0 zu machen, aber kein Glück. Zweitens, wenn ich in die Seite zoome, verschiebt sich das rechte Teil unter das linke Teil. Es ist wie eine nicht flüssige Anzeige.

Hinweis: Es tut mir leid, ich habe viel gesucht. Diese Frage wurde oft gestellt, aber diese Antworten helfen mir nicht weiter. Ich habe erklärt, was das Problem in meinem Fall ist.

Ich hoffe, dass es dafür eine Lösung gibt.

Vielen Dank.

EDIT: Sorry, ich HTML-Problem, Es gab zwei "Box" -Divs sowohl auf der linken als auch auf der rechten Seite. Sie hatten Polster in%. Die linke Seite zeigte mehr Polster wegen der größeren Breite. Entschuldigung, das obige CSS funktioniert einwandfrei, seine flüssige Anzeige und das Problem wurden behoben. Entschuldigung, dass Sie die falsche Frage gestellt haben ...