Html 相对于菜单DIV旁边的父DIV居中DIV

我尝试使用来自的技术，但这似乎不适用于具有“内联块”样式的div

注“内联块”不是我的要求，我只是在寻找向左浮动的菜单，以及直接定位到菜单侧面的内容（内容相对于“父项”居中）

我试图将“内容”相对于“家长”放在中心位置

---

（也就是说，将“内容”放在中间，好像“菜单”不在那里一样）。

您遇到了一些标记问题：一个额外的

部分
标记，
div
标记

为了解决您的问题，我从
菜单中删除了
float:left
，并添加了：

position: absolute;
top: 0px;
left: 0px;

这将始终将菜单定位在左侧，并且主要内容将居中，就好像菜单不在那里一样

Fiddle:
如果您指定了有限的宽度，则不需要
float:left
，将
文本align:center
应用于.content类，以便它将资源中心与该特定div对齐，如果使用
位置：绝对
则父级应位于
位置：相对
，这就解决了问题，非常感谢。尽管如此，我一直在寻找除定位：绝对定位之外的其他东西，因为一旦你尝试将其定位得更远（比如说向下200像素或可能向下20%），你就会遇到一些跨浏览器的问题。这不是一个好的解决方案，因为它要求家长处于绝对位置。谢谢你的建设性反馈。啊！可以向父级添加
position:relative
，使我能够将top保持在0px，并且在样式上看起来更好、更稳定。
position: absolute;
top: 0px;
left: 0px;