css两栏布局，高度问题

Question

问题描述：css两栏布局，左侧为作为功能栏，右为内容栏期望效果：左栏黑色，右栏白色，背景鸟色，两栏的高度均为自适应。1. 当左、右栏内容高度均小于当前浏览器窗口高度时，实现左栏黑色填满当前浏览器窗口高度。2. 当右侧内容高度大于当前浏览器窗口高度出现时，实现左栏黑色填充的高度等于右栏的高度。3. 即无论什么时候，左栏黑色始终填满当前文档的最大高度，其下方不会出现背景的鸟色。简单的 html 结构如下:<div class="container">    <div class="aside">黑猫</div>    <div class="article">白猫</div></div>可能是很简单的布局问题，但依然不耻下问，谢谢！

Answer 1

js對比兩欄高度，高的丟container就好啦。