Css 如何使我的弹出窗口死点，无论它是什么宽度

我的网站有一个用CSS设计的弹出窗口，我一辈子都想不出如何将它放在中心位置。所有正常的方法都不起作用，因为我需要它居中，不管它有多宽

以下是背景和弹出框的CSS：

    .filterbox {
     background-color: #000000;
     display: none;
     height: 100%;
     left: 0%;
     opacity: 0.5;
     position: absolute;
     top: 0%;
     width: 100%;
     z-index: 10;
}

.floatbox {
     background-color: white;
     border: 2px solid #FD6907;
     display: none;
     margin:0 auto;
     min-height: 200px;
     min-width:500px;
     overflow: hidden;
     padding: 10px;
     position: absolute;
     top: 30px;
     left:30%;
     z-index: 11;
     -moz-border-radius: 15px; 
     border-radius: 15px;
     -webkit-border-radius:15px;
}

这是这个弹出框中的div

#boxcontent {
 height: auto;
 width:100%;
 left: 0pt;
 margin-bottom: 50px;
 min-height: 150px;
 padding: 10px;
}

目前，它的绝对定位，但我想知道一个更符合的方式，将使弹出中心，无论弹出框是什么

---

提前谢谢。

我想你需要js来定位弹出窗口

.floatbox{
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

---

或者你选择哪个宽度

哦，等等，我现在看到你的问题了。也许使用JavaScript设置宽度？有什么问题吗？如果可能的话，我宁愿不使用javascript。绝对没有其他方法吗？文本对齐：居中；恐怕不行，我尝试了所有你需要javascript的正常方法。如果它是一个弹出窗口，你很可能会使用javascript来处理一些功能，那么为什么不让javascript来处理中心呢？好的，那么我该怎么做呢？好的，我在上面发布了一个链接，其中包含了很多答案，周围有很多类似的问题/答案。