<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>留言板</title>
<style type="text/css">
.add{
margin:0px auto;
overflow: hidden;
width: 600px;
}
.add textarea{
width: 99%;
height: 100px;
}
.add .user{
float: left;
}
.add .btn{
float: right;
}
.msg{
width: 600px;
margin: 20px auto;
overflow: hidden;
}
.item{
border:solid 1px #CCC;
margin: 10px 0;
}
.item.user{
float: left;
}
.item .time{
float: right;
}
</style>
</head>
<body>
<div class="add">
<textarea>留言内容</textarea>
<input class="user" type="text">
<input class="btn" type="button" value="发表">
</div>
<div class="msg">
<div class="item">
<span class="user">用户名1</span>
<span class="time">2017.8.7</span>
<p>我热爱学习，爱死学习了</p>
</div>
<div class="item">
<span class="user">用户名2</span>
<span class="time">2017.8.7</span>
<p>我热爱你，爱死你了</p>
</div>
</div>
</body>
</html>
