首页 > 其他 > 详细

前端经典笔试题(腾讯前端,三栏布局)

时间:2014-03-10 03:23:38      阅读:493      评论:0      收藏:0      [点我收藏+]

前端经典笔试题(腾讯前端,三栏布局)

旧公司辞职的工作已经做得七七八八了,今天去了一家公司招聘会,周末的招聘会,说明还是有心要找人的。

刚去到,感觉人特别的多。不过一个小时的笔试过后人已经见少了。

其中有一首题,觉得特别经典,当时在搜索笔试题时有见过,源于腾讯的一道题。当时感觉纯笔头写有纰漏,在此重新写一篇。

实现一个三栏布局的网页,中间部分要自适应宽度并且优先加载。左边宽150px;右边栏宽200px;

 

我的思路:既然左右有固定宽度,当然要设置了。中间优先加载,按照HTML顺序解释的原则,即中间放在文档前面。而中间放在前又会影响文档流的布局,所以在此改变一下元素的相对位置即可,解法应该有不少,解法网上能搜索到的不少,在此把自己的思路记录下来。

 

bubuko.com,布布扣
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4    <style>
 5            div{float:left;}
 6            #left{width:150px;position:absolute;left:0px;}
 7            #right{width:200px;float:right;}
 8            #middle{position:relative;left:150px;}
 9        </style>
10 </head>
11 <body>
12     <div id="middle">
13             middle;middle;
14     </div>
15     <div id="left">left</div>
16     <div id="right">right</div>
17 </body>
18 </html>
bubuko.com,布布扣

前端经典笔试题(腾讯前端,三栏布局),布布扣,bubuko.com

前端经典笔试题(腾讯前端,三栏布局)

原文:http://www.cnblogs.com/p2227/p/3590687.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!