Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
#allBox {
	width:410px;
	padding:5px 6px;
	border:1px solid #4079a9;
	position:relative;
	margin:0 auto;
}
li {
	list-style:none;
	overflow:hidden;
	width:65%;
	margin:10px 10px;
}
span {
	padding:10px;
	border-radius:5px;
	float:left;
	background-color:#ccc;
}
#content {
	height:360px;
	overflow-y:auto;
	border:1px dashed #c5c7ca;
}
textarea {
	width:408px;
	height:80px;
	border:1px solid #7192c7;
	margin-top:9px;
	resize:none;
	font-size:20px;
}
input[type='submit'] {
	width:98px;
	height:27px;
	position:absolute;
	right:28px;
}
input[type='button'] {
	width:50px;
	height:27px;
}
input {
	border:none;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

基于聊天对话框

3
      0
      2018/5/9 14:24:46
      可乐0
      2018/3/23 19:08:04
      李信妥0
      2018/3/13 10:07:10