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中的技术，但这似乎不适用于具有“inline block”样式的div。
注意“inline block”不是我的要求，我只是想让菜单向左浮动，内容直接放在它的边上（内容相对于“parent”居中）
我试图将“内容”相对于“父”居中
（即，将“内容”居中，就好像“菜单”不存在一样）。
最佳答案
您有一些标记问题：一个额外的section标记，div标记。
为了解决您的问题，我从float: left中删除了.menu，并添加了：
position: absolute;
top: 0px;
left: 0px;
这将始终将菜单放置在左侧，并且主内容将居中，就像菜单不在那里一样。
小提琴：https://jsfiddle.net/ahqamm7o/2/
关于html - 中心DIV相对于父DIV，位于菜单DIV旁边，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37040971/