携程旅游网的一道前端开发面试题

前几天去携程旅游网面试，笔试有三道题，前两道比较简单，都是基础的东西，就这第三道题，平时没怎么做下面的要求，表现的不好，有点遗憾了！

要求，实现以下网页布局

写好代码后再读取下面的内容，选中显示

以上你写的代码，如果要求右侧的宽度自动适应呢，若右侧再优先显示呢？你能写出几种方法，如果再实现左右两列高度自动对其呢？

如果要求两列高度自动对齐，你怎么实现？

如果是你怎么实现，你能写出几种方法，兼容主流浏览器哦！

我面试的时候，关于自动宽度当时拿不准两个属性，width:100%和width:auto(平时不怎么用这两个属性)，实在没办法，就用绝对定位，定位四个方向可以做到自动宽度，第二种方法写的是可以通过css表达式实现自动宽度，面试结果第一种需要修复IE6下的bug（最多只支持两个方向的绝对定位）需要引入一个js，第二种css表达式性能实在太差，就这样我就被否定掉了……

唉，有点郁闷啊，所以回来就总结了下实现方法，过几天给大家贴出来！和大家交流下，呵呵

具体实现大家参考这个吧，两列布局方法汇总，不过还没做两列自动对齐的，大家可以说说自己的想法，欢迎大家指正交流！

转载于:https://www.cnblogs.com/cloudyan/archive/2012/02/10/CloudYan.html