CSS绝对定位使⽤left：50%实现⽔平居中偏左问题现象：当使⽤绝对定位进⾏元素定位时，使⽤left：50%将元素进⾏⽔平居中
但会出现偏左的问题
原因：绝对定位的元素left设为50%时，是已左上⾓为原点的。
解决⽅案：只要再使⽤margin-left属性添加负值补偿回来即可。
⽐如：
div.panel {
  position: absolute;
  top: 180px;
  left: 50%;
  margin-left: -150px; /*差不多为该div宽度的⼀半*/
  background-image: url(../images/login/panel.png);
  height: 351px;
  width: 305px;
  text-align: center;
}
css中的position属性后⾯再补充图。