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属性后⾯再补充图。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。