Paparan cecair: dua Div disusun bersebelahan

Question

Saya cuba meletakkan dua div bersebelahan dan menggunakan CSS berikut.

#left {
  terapung: kiri;
  lebar: 65%;
  limpahan: tersembunyi;
}

#right {
  limpahan: tersembunyi;
}

HTML adalah sangat mudah, div pembalut mengandungi dua div di kiri dan kanan. 

  
Div sebelah kiri
  
Div sebelah kanan


Saya mencuba banyak kali pada StackOverflow dan tapak lain untuk mencari cara yang lebih baik tetapi tidak menemui sebarang bantuan yang pasti. 
Jadi, pada pandangan pertama, kod itu berfungsi dengan baik. Masalahnya ialah apabila saya meningkatkan lebar (%), div kiri secara automatik mendapat padding/margin. Jadi pada lebar 65% div kiri mempunyai beberapa padding atau margin dan tidak sejajar dengan div kanan, saya cuba menetapkan padding/margin kepada 0 tanpa berjaya. Kedua, jika saya zum masuk pada halaman, div kanan meluncur di bawah div kiri, yang seperti paparan gagap. 
Nota: Maaf, saya telah menyemak banyak maklumat. Soalan ini telah ditanya berkali-kali tetapi jawapan ini tidak membantu saya. Saya telah menjelaskan apa masalah dalam kes saya. 
Saya harap perkara ini dapat diselesaikan. 
Terima kasih. 
Edit: Maaf atas masalah HTML saya, terdapat dua div "kotak" di kiri dan kanan, paddingnya dalam %, jadi bahagian kiri menunjukkan lebih banyak padding kerana lebar yang lebih besar. Maaf, CSS di atas berfungsi dengan sempurna, ia dipaparkan dengan lancar dan tetap, maaf kerana tersalah bertanya...
            

Answer 1

Cuba sistem seperti ini:

.container {
  width: 80%;
  height: 200px;
  background: aqua;
  margin: auto;
  padding: 10px;
}

.one {
  width: 15%;
  height: 200px;
  background: red;
  float: left;
}

.two {
  margin-left: 15%;
  height: 200px;
  background: black;
}

Jika anda menggunakan margin-kiri pada div lain bersamaan dengan lebar div pertama, kemudian apungkan satu div sahaja. Ini berfungsi tidak kira berapa banyak anda mengezum, dan tiada isu subpiksel.

Answer 2

Menggunakan CSS ini untuk tapak web semasa saya. Kesannya sempurna!

#sides{
margin:0;
}
#left{
float:left;
width:75%;
overflow:hidden;
}
#right{
float:left;
width:25%;
overflow:hidden;
}