面试题17　实现两列高度自适应的CSS代码

两列高度自适应，不用JavaScript，也不用padding、margin折合的方式，要求用纯CSS+DIV布局方法，不能用padding-bottom：1000px；margin-bottom：-1000px；这类的办法。

【提示】

＜style＞

.row{display：table-row；overflow：hidden；clear：both；zoom：1；}

.row div{display：table-cell；width：30%；margin-bottom：-500px；padding：1.6%；

padding-bottom：510px；float：left；}

column1{background：#f00；width：200px；}

column2{background：#000；width：200px；}

wrap{width：300px；height：100px；background：#0f0；}

＜/style＞

＜div class="row"＞

＜div id="column1"＞这＜br/＞是第＜br/＞＜br/＞＜br/＞＜br/＞＜br/＞一列＜/div＞

＜div id="column2"＞这＜br/＞＜br/＞＜br/＞＜br/＞是第二列＜/div＞＜/div＞

＜div id="wrap"＞＜/div＞