html+css 如下：
<!DOCTYPE html>
<html>
<head lang="en"> <meta charset="UTF-8">
<title>QQ简易聊天框</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
list-style: none;
}
.box{
width: 600px;
height: 500px;
margin: 25px auto;
}
#ltk{
width: 500px;
height: 350px;
background:#ccc;
overflow-y: auto;
}
#wbk{
height: 105px;
width: 500px;
position: relative;
}
#btn{
position: absolute;
right: 10px;
bottom: 10px;
border:0;
width: 85px;
height: 33px;
outline: none;
cursor:pointer;
}
#wbk #btn:hover{
background:#666;
color:#FFF;
}
#con{
width: 490px;
height: 95px;
border:0;
background:#ccc;
outline:none;
}
#ltk{
overflow-y:scroll;
}
</style>
</head>
<body>
<div class="box">
&l
最低0.47元/天 解锁文章
1273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
