一个固定div的CSS水平居中?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (45)
#menu {
    position: fixed;
    width: 800px;
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.8);
    margin-top: 30px;
}

我有一个div,它应该固定在屏幕上,即使页面滚动,它也应该始终保持在屏幕中央!

提问于
用户回答回答于
left: 50%;
margin-left: -400px; /* Half of the width */
用户回答回答于

使用CSS 3

水平中心:

left: 50%;
transform: translateX(-50%);

垂直中心:

top: 50%;
transform: translateY(-50%);

横向和纵向:

left: 50%;
top: 50%;
transform: translate(-50%, -50%);

扫码关注云+社区

领取腾讯云代金券