发表于： 2016-02-27 16:58:04
1 1288
昨天完成的事情：下载配置nginx,重新学习html标记语言基础，尝试完成九宫格布局
今天完成的事情：发现昨天一个重大错误，由于将style写成script导致css脚本无效，重新调整后简单九宫格代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style type="text/css">
.box {
height:156px;
width:156px;
margin:0;
}
.mbox {
float:left;
height:50px;
width:50px;
border:1px solid #fff;
background-color:#e8830d;
}
</style>
<title>九宫格</title>
</head>
<div class="box">
<div class="mbox">1</div>
<div class="mbox">2</div>
<div class='mbox'>3</div>
<div class='mbox'>4</div>
<div class='mbox'>5</div>
<div class='mbox'>6</div>
<div class='mbox'>7</div>
<div class='mbox'>8</div>
<div class='mbox'>9</div>
</div>
</body>
</html>
明天计划的事情：用其他方法完成九宫格
遇到的问题：float的使用问题，div标签的布局问题
收获：以上
返回列表
评论