在父级中居内联块div而忽略浮动元素

Question

我试图div在其父级中心内联.父元素也有一个div浮动到右边的子元素.由于右对齐div,我的居中div向左移动.无论浮动的位置/大小如何,我都希望将中间div居中,如下图所示.

.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;
}