*{
    margin: 0;
    padding: 0;
}
html,body{
    height: 100%;
}
#container{
    display: flex;
    flex-direction: column;
    height: 100%;
}
head{
    flex: 0 0 auto;
}
.main{
    flex: 1 0 auto;
}
/* HTML5布局样式 直接对footer元素设置样式 */  
footer{ 
    background:#CCC;
    border-top:1px solid #000; 
    padding:15px 0 15px 0; 
    width:100%;
    flex: 0 0 auto;
} 

#p1{
	margin-left:30%;
	margin-right:30%;
	text-align:left;
}