发表于： 2016-08-01 17:42:45
1 1364
今天开始任务一，今天的任务是仿百度首页和完成任务一。底下的服务器地址搞不懂- -，guihub也不会使用。看到适应手机愣是一脸懵逼....不会写啊，只好写了个电脑能看的，clear:both；用了两次，按理说这个应该是有别的解决办法，能不用最好不用的，勉强完成，但是各方面不合格..加油啊
html代码和css代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title></title>
<link type="text/css" rel="stylesheet" href="reset.css">
</head>
<body>
<div class="box">
<div class="box1">
<div class="1 fix"></div>
<div class="2 fix"></div>
<div class="3 fix"></div>
</div>
<div class="box2">
<div class="4 fix"></div>
<div class="5 fix"></div>
<div class="6 fix"></div>
</div>
<div class="box3">
<div class="7 fix"></div>
<div class="8 fix"></div>
<div class="9 fix"></div>
</div>
</div>
</body></html>
@charset "utf-8";
.box{
border:black solid 1px;
width:265px;
height:265px;
padding:5px 2px 2px 5px;
}
.fix{
width: 80px;
height: 80px;
background-color: blue;
float:left;
margin:3px;
border-radius: 10px;
}
.box2{
clear: both;
}
.box3{
clear: both;
}
返回列表
评论