Comment implémenter une mise en page à deux colonnes avec CSS, avec une largeur fixe à gauche et une largeur adaptative à droite, avec une hauteur cohérente avec la hauteur actuelle du navigateur ? -Questions et réponses sur le site Web chinois PHP-Comment implémenter une mise en page à deux colonnes en CSS, avec une largeur fixe à gauche et une largeur adaptative à droite, avec une hauteur cohérente avec la hauteur actuelle du navigateur ? - Questions et réponses sur le site Web chinois PHP

Veuillez regarder et apprendre.

#left { position: fixed; left: 0; top: 0; height: 100vh; width: 300px; /* background: blue; *//* 解开此处注释来查看效果 */ } #right { position: fixed; left: 300px; top: 0; height: 100vh; width: calc(100vw - 300px); /* 如果浏览器不支持CSS3 calc方法，可以使用js计算宽度 */ /* background: red; *//* 解开此处注释来查看效果 */ }