JS+HTML+CSS模仿微信界面发送信息

JS+HTML+CSS仿微信聊天界面
前端新人又来报道咯 欢迎大家指教

功能：

1、点击头像可以模拟切换用户。

2、输入信息，点击发送可以显示在屏幕上。

3、新信息在上方，旧信息在下方，方便有滚动条的时候能直接看到新信息，而不是拖拉滚动条看下面的新内容。

HTML

<div id="iphone">
    <div id="wrap">
        <div id="div" class="clearfix">
            <ul id="ul" class="clearfix"></ul>
        </div>
        <div id="box" class="clearfix">
            <p id="imgWrap"><img id="img" src="images/1.jpg"></p>
            <input id="inp" type="text">
            <button id="btn">发送</button>
        </div>
    </div>
</div>

CSS

*{
        box-sizing: border-box;