css - コンテナ内で左揃えの要素がインラインになっている中央の要素

Question

コンテナ内に2つの<div>要素が<div>あり、そのうちの1つをコンテナの左側に配置し、もう1つをコンテナの中央に配置してインラインに保つ必要があります。

最初のものだけをfloat残した場合、2番目のものは中心から右に押し出されます。

今のところ私の最善の解決策は、コンテナを作成しposition: relative、text-align: center最初の要素を左に揃えることposition: absoluteです。

おそらく、絶対的な位置に行かずに、これを行うための代替のより良い方法がありますか？

Answer 1

1 つの div に 2 つの 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

Answer 2

これは非常に長いショットですが、左側のフロート要素に大きな負の margin-right を適用すると、中央オフセットが補正されることがわかりました...

フローティング div を指定してみてくださいmargin-right: -1000px;