Css 绝对div中心和响应？

我有一个弹出div，它需要居中并且宽度响应（流体），但我使用的是左50%和负边距的通用代码

width: 960px;
margin-left: -480px;    
position: absolute;
top: 20px;
left: 50%;
z-index: 999;

但我能让它反应灵敏吗，比如说如果我想

max-width: 960px 

而不是绝对值

更新：可能我不清楚，但我看不出与“在div中垂直和水平居中文本”问题有任何关系。

您可以尝试以下方法：

使用transform:translate

CSS

width: 960px;  
position: absolute;
top: 20px;
left: 50%;
transform:translateX{-50%}
z-index: 999

您可以尝试以下方法：

使用transform:translate

CSS

width: 960px;  
position: absolute;
top: 20px;
left: 50%;
transform:translateX{-50%}
z-index: 999

---

在绝对元素上，可以使用

left: 0
right: 0
margin: 0 auto

---

希望这有帮助

在绝对元素上，可以使用

left: 0
right: 0
margin: 0 auto

希望这有帮助

.popupContainer{
宽度：100%；
身高：100%；
位置：绝对位置；
左：0；
排名：0；
显示器：flex；
对齐项目：居中；
证明内容：中心；
z指数：999；
}
.弹出窗口{
背景色：#ccc；
宽度：300px；
高度：300px；
}

.popupContainer{
宽度：100%；
身高：100%；
位置：绝对位置；
左：0；
排名：0；
显示器：flex；
对齐项目：居中；
证明内容：中心；
z指数：999；
}
.弹出窗口{
背景色：#ccc；
宽度：300px；
高度：300px；
}

与对齐文本的原理相同您尝试过吗？发生什么事了？原理和你试过的一样吗？发生了什么事？Webkit浏览器已经永远不需要前缀了。@rob他们需要在手机上使用（safari，chrome）。。他们在过去的几个月里做了改变吗如果是，谢谢你的好消息；）caniuse显示在2D上根本不需要它，或者在Safari上的3D转换至少可以追溯到版本4，现在是版本9。Webkit浏览器永远都不需要前缀。@rob他们需要在手机上使用（Safari，chrome）。。他们在过去的几个月里做了改变吗如果是，谢谢你的好消息；）caniuse显示在2D上根本不需要它，或者至少在Safari上3D转换回到版本4，现在是版本9。argh我误按了-1！你的答案是完美的！！！！谢谢编辑你的答案，这样我就可以给你+1刚刚做的，谢谢你让我知道：）啊，我误按了-1！你的答案是完美的！！！！谢谢编辑您的答案，以便我可以给您+1刚刚做的，谢谢您让我知道：）