绝对定位下margin失效的解决方法

最新推荐文章于 2021-03-09 21:44:47 发布

转载最新推荐文章于 2021-03-09 21:44:47 发布 · 1.3k 阅读

本文介绍了一种在绝对定位层中实现水平和垂直居中的方法，通过设置left和top属性为50%，再调整margin值来达到类似margin:auto的效果。

绝对定位层下margin:auto会失效，这时设置left:50%，然后margin-left的值为层的宽度的一半，就可在达到margin:auto的效果
如果是要垂直居中，也是一样的方法，即设置top:50%,然后margin-top的值为层的高度的一半
position:absolute;
left:50%;
top:50%;
margin-top:-13px;
margin-left:-58px;
width:116px;
height:25px;
z-index:999999;