css两栏布局，高度问题
问题描述：
css两栏布局，左侧为作为功能栏，右为内容栏
期望效果：
左栏黑色，右栏白色，背景鸟色，两栏的高度均为自适应。
- 当左、右栏内容高度均小于当前浏览器窗口高度时，实现左栏黑色填满当前浏览器窗口高度。
- 当右侧内容高度大于当前浏览器窗口高度出现时，实现左栏黑色填充的高度等于右栏的高度。
- 即无论什么时候，左栏黑色始终填满当前文档的最大高度，其下方不会出现背景的鸟色。
简单的 html 结构如下:
<div class="container">
<div class="aside">黑猫</div>
<div class="article">白猫</div>
</div>可能是很简单的布局问题，但依然不耻下问，谢谢！
展开
收起
1
条回答
写回答
写回答
-
-margin+padding
http://jsfiddle.net/eedWk/12/点击预览把http://jsfiddle.net/eedWk/12/show拖到地址栏看效果。点击按钮一次加300px，右栏增加到3000px以后，左栏若高度不够将无法自动填充到等于右栏。
注意，CSS里面所有位置设置的3000px可变，但这个值必须提供，它正比于左栏自动能够填充到的最大可能高度。
2019-07-17 19:14:28赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
