css两栏布局,高度问题

问题描述:

css两栏布局,左侧为作为功能栏,右为内容栏


期望效果:

左栏黑色,右栏白色,背景鸟色,两栏的高度均为自适应。

1. 当左、右栏内容高度均小于当前浏览器窗口高度时,实现左栏黑色填满当前浏览器窗口高度。

2. 当右侧内容高度大于当前浏览器窗口高度出现时,实现左栏黑色填充的高度等于右栏的高度。

3. 即无论什么时候,左栏黑色始终填满当前文档的最大高度,其下方不会出现背景的鸟色。


简单的 html 结构如下:


<div class="container">

    <div class="aside">黑猫</div>

    <div class="article">白猫</div>

</div>

可能是很简单的布局问题,但依然不耻下问,谢谢!


红糖糍粑
浏览 648回答 2
2回答

慕森卡

js對比兩欄高度,高的丟container就好啦。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript