使用CSS布局如何实现外层对内层（包含左右两列）实现自适应高度?写出相应示例代码。。。

2级嵌套，子元素浮动，左右两列，自适应高度。
<style>
body { margin:0; padding:0;}
cont { width:800px; margin:0 auto; background:#999; padding:10px; border:1px solid #666; }
left { width:200px; height:1200px; float:left; background:#9C6; border:1px solid #666;}
right { width:580px; height:900px; float:right; background:#CF9; border:1px solid #666;}
clear { clear:both; height:0; padding:0; overflow:hidden;}
</style>
<div class="cont">
<div class="left"></div>
<div class="right"></div>
<div class="clear"></div>
</div>

通过绝对定位实现
See the Pen absolute-two-column by xal821792703 (@honoka) on CodePen
注意点如下：
需要套一个“positioned”的父元素 div-a 绝对定位，并将位置调整为浏览器左上角 div-b margin-left 属性值为 div-a 的宽度（因为 div-a 绝对定位已经脱离文档流，故不设定为 div-a 宽度的话，会相互覆盖） div-c 绝对定位并将位置调整为正下方 需要自适应的 div 均设定宽度为100%

EXCEL实现高度自适应，可通过单元格格式设置根据内容自动调整行高实现。

方法步骤如下：

1、打开需要 *** 作的EXCEL表格，选中相关单元格区域，点击开始选项卡中的“格式”。

2、在d出的下拉选项菜单中，点击选择“自动调整行高”即可实现高度自适应。

3、返回EXCEL表格，发现EXCEL实现高度自适应 *** 作完成。

---