css如何实现两栏布局，左边固定宽度，右边宽度自适应，且高度和浏览器当前高度一致？

问题描述

无论浏览器宽度怎么改变，都保证左边这个div宽度固定为300px，右边宽度随浏览器宽度自适应，且两个div的高度和浏览器当前高度一致

问题解答

css如何实现两栏布局，左边固定宽度，右边宽度自适应，且高度和浏览器当前高度一致？-PHP中文网问答-css如何实现两栏布局，左边固定宽度，右边宽度自适应，且高度和浏览器当前高度一致？-PHP中文网问答

围观一下哦，学习一下。

#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; *//* 解开此处注释来查看效果 */}