头部
    
     
              
      
                   
       
左侧
                
       
                    
        
中间
                
        
                     
         
右侧
                
         
          
底部
         
        
       
      
     
    

*{        margin: 0;        padding: 0;        text-align: center;        color: #fff;        font-size: 33px;    }    .header{        width: 100%;        background-color: orange;    }    .main{        overflow: hidden;        background-color: #123;        padding-left: 200px;        padding-right: 200px;    }    .main .left{        float: left;        width: 200px;        background-color: red;        margin-left: -200px;    }    .main .middle{        background-color: #777;        float: left;        width: 100%;    }    .main .right{        float: right;        margin-right: -200px;        width: 200px;        background-color: #455;    }    .footer{        background-color: pink;    }