久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術(shù)文章
文章詳情頁

css如何實現(xiàn)兩欄布局,左邊固定寬度,右邊寬度自適應(yīng),且高度和瀏覽器當前高度一致?

瀏覽:220日期:2023-02-03 11:36:08

問題描述

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

問題解答

回答1:

css如何實現(xiàn)兩欄布局,左邊固定寬度,右邊寬度自適應(yīng),且高度和瀏覽器當前高度一致?-PHP中文網(wǎng)問答-css如何實現(xiàn)兩欄布局,左邊固定寬度,右邊寬度自適應(yīng),且高度和瀏覽器當前高度一致?-PHP中文網(wǎng)問答

圍觀一下哦,學習一下。

回答2:

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

標簽: CSS
主站蜘蛛池模板: 遵义市| 左云县| 哈巴河县| 工布江达县| 南漳县| 景东| 察雅县| 亚东县| 民权县| 朝阳市| 镇宁| 会泽县| 新巴尔虎右旗| 兴化市| 定州市| 浠水县| 石屏县| 德州市| 牡丹江市| 德清县| 晋城| 札达县| 武隆县| 沅江市| 洪泽县| 南郑县| 邢台县| 绵阳市| 德州市| 涞源县| 萝北县| 古丈县| 江城| 沽源县| 尉氏县| 犍为县| 舟曲县| 汽车| 观塘区| 芦山县| 枣强县|