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

发布于 2022-09-09 17:26:46 字数 529 浏览 7 评论 0

转:沫鱼

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

绝对定位层下margin:auto会失效,这时设置left:50%,然后margin-left的值为层的宽度的一半,就可在达到margin:auto的效果
如果是要垂直居中,也是一样的方法,即设置top:50%,然后margin-top的值为层的高度的一半

  1. position:absolute;
  2. left:50%;
  3. top:50%;
  4. margin-top:-13px;
  5. margin-left:-58px;
  6. width:116px;
  7. height:25px;
  8. z-index:999999;

复制代码

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文