html - 在忽略 float 元素的同时在父级中居中内联 block div

Question

我正在尝试将内联 div 置于其父元素的中心。父元素还有一个向右浮动的子 div。由于 div 右对齐，我居中的 div 向左移动。我想将中间 div 居中，而不管 float 的位置/大小如何，如下图所示，提供的代码。

.parent {
    text-align: center;
}
.parent div {
    display: inline-block;
}

<div id="parent">
    <div> ... </div>
    <div style="float:right"> ... </div>
</div>

当前设置在父级内部有两个内部 div，但我假设正确的方法是让右对齐的 div 位于外部并具有绝对位置？

此外，我在同一页面上有多个父 div 实例。

我怎样才能达到这个结果？

Answer 1

设置正确的div css

position:absolute;
right:0;

相对于父div

#parent {
position:relative;
}