Sto cercando di mettere due div fianco a fianco e usando il seguente CSS per esso.
#left {
float: left;
width: 65%;
overflow: hidden;
}
#right {
overflow: hidden;
}
L'HTML è semplice, due div sinistro e destro in un div wrapper.
<div id="wrapper">
<div id="left">Left side div</div>
<div id="right">Right side div</div>
</div>
Ho provato tante volte a cercare un modo migliore su StackOverflow e anche su altri siti, ma non sono riuscito a trovare l'aiuto esatto.
Quindi, il codice funziona a prima vista. Il problema è che il div sinistro ottiene automaticamente il riempimento / margine all'aumentare della larghezza in (%). Quindi, con una larghezza del 65%, il div sinistro ha una spaziatura o margine e non è perfettamente allineato con la div destra, ho provato a riempire / margine 0 ma senza fortuna. In secondo luogo, se ingrandisco la pagina, il div destro scorre sotto il div sinistro, è come se non fosse fluido.
Nota: mi dispiace, ho cercato molto. Questa domanda è stata posta molte volte, ma quelle risposte non mi aiutano. Ho spiegato qual è il problema nel mio caso.
Spero che ci sia una soluzione per questo.
Grazie.
EDIT: Mi dispiace, io problema HTML, c'erano due div "box" in entrambi i lati sinistro e destro, avevano un'imbottitura in%, quindi il lato sinistro ha mostrato più imbottitura a causa della maggiore larghezza. Siamo spiacenti, il CSS sopra funziona perfettamente, il suo display fluido e fisso, mi dispiace per aver fatto la domanda sbagliata ...