中心元素，左对齐元素在容器内嵌入

Question

我在容器<div>中有两个<div>元素，我需要在容器的左边对齐其中一个，另一个在容器的中心，同时保持它们内联。

如果我只是float第一个离开，第二个被偏离中心向右推。

现在我的最佳解决方案是使用position: relative制作容器text-align: center，并将第一个元素与position: absolute对齐。

也许有一种替代的，更好的方法来做到这一点，而不是绝对的位置？

Answer 1

这是一个非常长镜头，但我发现在左浮动元素上应用一个大的负边距 - 将补偿中心偏移...

尝试给浮动的div margin-right: -1000px;

Answer 2

div中有两个div的限制吗？你可以制作4 divs：

<div id="one">
    <div id="first"></div>
    <div id="two">
        <div id="second"></div>
    </div>
</div>

将float: left应用于#first和#two，然后margin: auto #second