阿里巴巴国际网站UED团队应聘答题——用CSS实现布局

作者：纯真 2008年02月20日 星期三 22点06分 Tags：,

题目：用CSS实现布局
让我们一起来做一个页面
首先，我们需要一个布局。
请使用CSS控制3个div，实现如下图的布局。

CSS布局

阿里巴巴招聘网站页面

我的题解是：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>用CSS实现布局</title>
<style>
.box1{
width:100px;
height:120px;
background-color:#0cc;
position:absolute;
top:0;
left:0;
}
.box2{
width:100px;
height:175px;
background-color:#0cc;
position:absolute;
top:125px;
left:0;
}
.box3{
width:300px;
height:300px;
background-color:#0cc;
position:absolute;
top:0;
left:105px;
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</body>
</html>

归类于：发掘分享

随机日志

评论 RSS Feed。 引用 URL

3条评论

  1. 英文字体可不能用宋体，呵呵

    此评论由：银子 发表于：2008年02月21日 星期四 9点13分

  2. 已经修改过来了，谢谢银子的指点！

    此评论由：纯真 发表于：2008年02月21日 星期四 15点17分

  3. 换个分辨率就乱套了哦。

    此评论由：狐狸 发表于：2008年08月04日 星期一 15点57分

发表评论