晚上抽出时间把迅雷的第三题做了下，总体感觉还是挺简单的，但是也碰到了些兼容性的问题，先贴图
这道题3列等高不是问题，如果用背景图片平铺的话，那就太简单了，可是题目明确不能用背景图片平铺。还有第二个要求说Main列先显示出来，这肯定得用javascript语言实现，当然，这是必须的，你也得让面试官知道你是会javascript的，总不能一直抱着css+div吧，但内方面我没有去写，在浏览器的兼容性上，有那么一点小瑕疵，留给读者去帮忙改正了，我在这里提示一下，是在IE6上出现的，我知道它肯定会出现但留了个悬念。
贴代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>迅雷第三题</title>
<meta charset="gb-2318">
<style>
*{margin:0;padding:0;}
div{font-size:50px;color:#5b0000;}
div.article{width:960;height:600px;}
div.header{margin:5px;width:950px;height:200px;background-color:#838383;}
div.left{float:left;width:200px;height:390px;margin-left:5px;margin-right:3px;background-color:#3d1f1f;}
div.main{float:left;width:544px;height:390px;background-color:#ff3c9d;margin-right:3px;}
div.right{float:left;margin-right:5px;width:200px;height:390px;background-color:#80ffff}
</style>
</head>
<body>
<div class="article">
<div class="header">header
</div>
<div class="left">left
</div>
<div class="main">main
</div>
<div class="right">right
</div>
</div>
</body>
</html>
365
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
