我认为这是一个简单的问题，将屏幕中间的一个方框覆盖在屏幕上宽度为50/50的两个div上。\
我想要做的是覆盖一个简单的div，最终成为一个图像以显示单词“OR”，以便用户可以选择注册等。
我的问题是，我似乎无法将其置于页面上
.or-box{position:absolute; left:45%; top:50%; z-index:99999; border:1px solid black; height:50px; width:50px; text-align:center; padding-top:15px;}
我认为这很简单，但当我把它加载到页面上时，它似乎只是在页面上移动了50％。
当尝试覆盖绝对超过两个其他div的div时，是否有某些东西丢失了？
提前致谢
答案 0 :(得分：0)
这是left:calc(50% - 25px)派上用场的时候。
.or-box{position:absolute; left:calc(50% - 25px); top:50%; z-index:99999; border:1px solid black; height:50px; width:50px; text-align:center; padding-top:15px;}
答案 1 :(得分：0)
它与顶部（A）块居中的方式基本相同，但您在顶部块上使用top: 50%; translateY(-50%);垂直居中。水平居中是相同的技术，除了您使用left和translateX()
left: 50%; transform: translateX(-50%);