問題描述

無論瀏覽器寬度怎么改變，都保證左邊這個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; *//* 解開此處注釋來查看效果 */}