发表于： 2016-08-25 23:16:28
6 1127
今天完成的事情：今天完成了task1的任务。nginx不用多说，简单，基本的html知识，我也知道，但是这个九宫格，我弄了好久。
明天计划的事情：明天着手进行task2，顺便搞个服务器（用自己电脑搭一个，我看下情况）
遇到的问题：九宫格想不到用什么方法能够简洁的定位。
收获：我本来以为九宫格超级简单的，没想到这个九宫格非常的棘手啊！！本来我想用XML里面的相对另一个元素的位置来定位的，但是貌似CSS里面不支持。我暂时想不到什么好的解决方法。只能用绝对定位来将这九个元素定好位了。哎。。
这是我的实现的情况（图片）：
下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>boxs</title>
<style type="text/css">
div
{
background-color: orange;
margin:3px;
height: 50px;
width: 50px;
border-radius: 3px;
float:left;
}
#d,#e,#f
{
position: absolute;
top:65px;
}
#g,#h,#i
{
position: absolute;
top: 121px;
}
#e,#h
{
left: 65px;
}
#f,#i
{
left:121px;
}
</style>
</head>
<body>
<div id="a">1</div>
<div id="b">2</div>
<div id="c">3</div>
<div id="d">4</div>
<div id="e">5</div>
<div id="f">6</div>
<div id="g">7</div>
<div id="h">8</div>
<div id="i">9</div>
</body>
</html>
返回列表
评论