html - 中心 DIV 相对于菜单 DIV 旁边的父 DIV

Question

https://jsfiddle.net/ahqamm7o/1/

#parent {
text-align: center;
}

.content {
display: inline-block;
text-align: left;
margin: auto;
width: 50%;
}

.menu {
float: left;
text-align: left;
width: 20%
}

我尝试使用 CSS: center element within a <div> element 中的技术但这似乎不适用于具有“内联 block ”样式的 DIV。

注意“内联 block ”不是我的要求，我只是寻找向左浮动的菜单以及直接定位到其侧面的内容(内容相对于“父级”居中)

我正在尝试将“内容”相对于“父项”居中 (也就是说，将“内容”居中，就好像“菜单”不存在一样)。

Answer 1

如果您指定了有限宽度，则不需要 float:left，请将 text-align:center 应用于 .content 类，以便它对齐内容中心在该特定 div 中，如果我们使用 position:absolute ，则父级应该位于 position:relative 中。