知呼前端工程师面试题目

题目

第一题的答案（完全自己做出来了，但是超时了）

第二题的答案（不知道为什么加个括号就能用）

第三题的答案（我的答案有点问题，等弄好了再上传 要想完美，先出主体，通过负margin+双容器）

update:

3、我之前就纳闷了，怎么上面的链接，我用Chrome可以打开，其他浏览器就打不开。刚想起，Dropbox要访问外国网站，我的Chrome长期是自动列表走SSH隧道的。So，想看的，要挂一下V**或者SSH咯~~

2、三栏布局问题，假如顺序如下，貌似就没有完美的方案了。

这里有三种三栏布局的方案：

第一种绝对定位的方式，不适合这里，因为这里的section上面还有其他东西，出了文档流，后面的布局都麻烦。绝对定位适用于在最外圈的布局，内部的东西不适合，除非真的是要这个东西离开文档流。 第二种负margin的方法，我感觉挺好的，但是按照这个的DOM的顺序，也无法实现。不过平时做东西，肯定是要主体部分在前，侧栏在后的，所以比较好。那些各种负数感觉bug bug地，这个算是一个技巧吧。 第三种自浮动的方式，把主体扔最后了，我个人是不喜欢，同样也不符合我这里给限制的顺序。

1、第三题的答案还是有点问题，第二个方法很作弊，B列两端的内容被挡住了。

PS:托管在Dropbox的速度一般般啊，大家将就一下吧，Github还不会弄~