携程旅游网的一道前端开发面试题
2012-02-10 17:18
387 查看
前几天去携程旅游网面试,笔试有三道题,前两道比较简单,都是基础的东西,就这第三道题,平时没怎么做下面的要求,表现的不好,有点遗憾了!
要求,实现以下网页布局
![](http://pic002.cnblogs.com/images/2012/374338/2012021016541560.gif)
写好代码后再读取下面的内容,选中显示
以上你写的代码,如果要求右侧的宽度自动适应呢,若右侧再优先显示呢?你能写出几种方法,如果再实现左右两列高度自动对其呢?
如果要求两列高度自动对齐,你怎么实现?
如果是你怎么实现,你能写出几种方法,兼容主流浏览器哦!
我面试的时候,关于自动宽度当时拿不准两个属性,width:100%和width:auto(平时不怎么用这两个属性),实在没办法,就用绝对定位,定位四个方向可以做到自动宽度,第二种方法写的是可以通过css表达式实现自动宽度,面试结果第一种需要修复IE6下的bug(最多只支持两个方向的绝对定位)需要引入一个js,第二种css表达式性能实在太差,就这样我就被否定掉了……
唉,有点郁闷啊,所以回来就总结了下实现方法,过几天给大家贴出来!和大家交流下,呵呵
具体实现大家参考这个吧,两列布局方法汇总,不过还没做两列自动对齐的,大家可以说说自己的想法,欢迎大家指正交流!
要求,实现以下网页布局
![](http://pic002.cnblogs.com/images/2012/374338/2012021016541560.gif)
写好代码后再读取下面的内容,选中显示
以上你写的代码,如果要求右侧的宽度自动适应呢,若右侧再优先显示呢?你能写出几种方法,如果再实现左右两列高度自动对其呢?
如果要求两列高度自动对齐,你怎么实现?
如果是你怎么实现,你能写出几种方法,兼容主流浏览器哦!
我面试的时候,关于自动宽度当时拿不准两个属性,width:100%和width:auto(平时不怎么用这两个属性),实在没办法,就用绝对定位,定位四个方向可以做到自动宽度,第二种方法写的是可以通过css表达式实现自动宽度,面试结果第一种需要修复IE6下的bug(最多只支持两个方向的绝对定位)需要引入一个js,第二种css表达式性能实在太差,就这样我就被否定掉了……
唉,有点郁闷啊,所以回来就总结了下实现方法,过几天给大家贴出来!和大家交流下,呵呵
具体实现大家参考这个吧,两列布局方法汇总,不过还没做两列自动对齐的,大家可以说说自己的想法,欢迎大家指正交流!
相关文章推荐
- 一道页面布局的前端面试题
- [置顶] 前端开发面试题(应届生)-- js篇
- unknow 前端开发面试题收集(css部分)
- 答与微博前端教主在吃饭时讨论到的一道"微软面试题"
- 一道页面布局的前端面试题
- 阿里航旅事业部的前端开发面试题
- 2014年最新前端开发面试题(题目列表+答案 完整版)
- 一道常被人轻视的前端JS面试题
- 收集整理来自网络上的一些常见的 前端、H5面试题 前端开发面试题
- 2017美团点评前端开发岗位面试题
- Web前端面试题(前端开发人员必备)
- 前端开发面试题之 JavaScript
- 一道常被人轻视的前端JS面试题(转)
- 前端开发面试题
- (转)前端开发面试题
- 常见前端开发面试题
- 阿里巴巴Web前端开发面试题赋答案
- 2014年最新前端开发面试题
- 前端开发面试题之 HTML
- 一道常被人轻视的前端JS面试题