已解決430363個問題，去搜搜看，總會有你想問的

css如何實現兩欄布局，左邊固定寬度，右邊寬度自適應，且高度和瀏覽器當前高度一致

關注

首頁猿問 css如何實現兩欄布局，左邊固定寬...

JavaScript

吃雞游戲 2018-10-10 13:15:44

無論瀏覽器寬度怎么改變，都保證左邊這個div寬度固定為300px，右邊寬度隨瀏覽器寬度自適應，且兩個div的高度和瀏覽器當前高度一致

查看完整描述

1 回答

烙印99

TA貢獻1829條經驗獲得超13個贊

#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; *//* 解開此處注釋來查看效果 */

}

反對回復 2018-11-24

關注

舉報

0/150

提交

取消