有位置的CSS中心项目：相对;
我有一个问题给你CSS的大师！
我有一个菜单，hover在绝对定位的div上。 所有菜单项都必须相对定位，因为绝对div将在页面上多次出现，并且在一个实例中将以多种大小显示。
当我不知道父div的大小时，如何将“position：relative”的多个项目垂直和水平居中？
我知道负面利润率的“绝对”位置，但是这种情况要求有所不同。
您的帮助将深受感激。
编辑：
代码如下：
.OuterCase { position : absolute; width : 100%; height : 100%; text-align: center; } .InnerItem { width : 38px; height : 38px; display: inline-block; } 我已经把它放在水平中心的地方，它的垂直线有点难以捉摸。 谢谢！
或者，您也可以使用CSS3灵活框模型 。 这是创build灵活布局的好方法，也可以应用于如下所示的中心内容：
#parent { -webkit-box-align:center; -webkit-box-pack:center; display:-webkit-box; }
如果你有一个相对（或以其他方式）的div，你可以用margin:auto把它放在里面
垂直居中有一点技巧，但可能。
你可以使用calc来定位相对于中心的元素。 例如，如果你想要从中心位置200px元素..你可以这样做：
#your_element{ position:absolute; left: calc(50% + 200px); }
不要忘记这一点
当使用标志+和- ，标志和数字之间必须有一个空格，但是当使用标志*和/ ，不需要空格。
