1，text-align屬性具有繼承性，外部div內嵌div時，外部text-align失效，而內部div繼承了外部的text-align;則內部div只好使用margin:auto來實現水平居中；

2，當某個元素（比如div)使用inline-block的時候，如果內部含有元素（比如含有p,h1,img)，則這個元素（div)會向下移。解決方法，在設定了inline-block的元素上新增屬性：vertical-align:middle;

3，一個元素內部有三個元素，希望其中一個元素寬度固定為80px，另一個寬度是父元素的20%，最後一個元素佔據剩餘的空間：

   .father{

          display:flex;

}

 .son1{

 width:80px;

}

.son2{

width:20%;

}

.son3{

flex-grow:1;   //專案的放大比例，值為0時，即使存在剩餘空間也不放大；為1，則放大；

}