海滨擎蟹

CSS 将一个 div 绝对定位(fixed)到页面正中间

之前做过一些案例,将 div 展示到文档的中间,一般会考虑用 margin: 0 auto; 或者 text-align: center;

如何将一个 div 绝对定位到页面正中间呢?这个功能需求主要应用在一些弹框或者提示信息展示上。

网络上找到一个合适的(也是用 margin 来实现):

.fixed-div {
    width: 300px;
    height: 150px;
    border: 1px dashed #c8c8c8;
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    margin:0 auto;
}

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »