APICloud学习笔记之div样式设置套路

header{
position:absolute/relative;
bottom:20px;
left:10px;
width:100%;
height:20px;
background:url(../image/bk.png);
   background-size:80px 80px;
background-position:center center;
background-repeat:no-repeat;    
}

位置：绝对或相对

位置由bottom&left决定

宽度一般为100%除非内部的块会限制宽度；

背景图片居中，不重复

容器布局

display: -webkit-box;
display: -webkit-flex;
display: flex;

//垂直

-webkit-box-orient: vertical;

-webkit-flex-flow: column;
flex-flow: column;

//水平

-webkit-blox-orient: horizontal;

-webkit-flex-flow: row;
flex-flow: row;

//内容样式

-webkit-box-flex: 1;

-webkit-flex: 1;
flex: 1;

用于平分外部div