消息        
       
        
       
            
        
                         你好！                
         
            
        
            
        
            
        
                            nihao                
         
            
        
            
        
            
        
                         周末去玩不                
         
            
        
            
        
            
        
                         好呀                
         
            
        
            
        
            
        
                         去哪儿                
         
            
        
            
        
            
        
                         太远的地方就算了，明天还要上班，晚上准备好好吃一顿，现在秋天了，还得准备长秋膘了，冬天就不冷了，明天就要上班了，就没有时间做好吃的了。                
         
            
        
            
        
            
        
                         哎呀呀，真麻烦，那就去河坊街吧！                
         
            
        
            
        
            
        
                         不想去。。。                
         
            
        
            
        
            
        
                         那就去西湖，西溪湿地，动物园，嗯，还有北高峰，这些可都没有出省的啊，算是比较近的了，要是人少的话，估计那些地方就一般了，再不然就是到附近的影院看看电影了。                
         
            
        
            
        
            
        
                         ?就这么定了。                
         
            
        
            
        
            
        
                         然后，抽风中                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
            
        
                         来啊， 哈哈                
         
            
        
            
        
        
       
        
       
            
                    
        发送        
       
    
      
    

 

帮助理解：

　　最外层：

.box{
               display:-webkit-flex;            -webkit-flex-direction:column;/*垂直布局*/            display:flex;            flex-direction:column;                width:100%;            height:100%;                }

其中包括header，body，footer;

.box .header{height:40px;}

.box .body{
               width:100%;            display: block;            overflow:auto;/*内部出现滚动条*/            flex:1;/*随着内容增减，变化高度*/        }

.box .footer{
               height:40px;            line-height:40px;            display:-webkit-flex;            display:flex;        }