2015-11-15 4 views
6

私は親要素を持っているが、内部の二つの要素で:フレックスボックスの親の子の幅をどのようにすることができますか?

現在
<div class="parent"> 
    <div class="child"> 
    one 
    </div> 
    <div class="child"> 
    two 
    </div> 
</div> 

、.parentは100%の幅です。私はそれが2人の子供の幅に過ぎないようにしたいと思います。

.parent { 
    display: flex; 
    background-color: aliceblue; 
} 

は、私は親がそれの幅であることを行うことができますどのように内容ではなく、より広いですか? flexからinline-flexに親の表示

See codepen for a live demo.

+0

私は質問をして以来、初めての答えのためにこれをチェックしました - ここで起こったのでしょうか?それは答えた2人が議論を持っていたように、質問をdownvoteすることを決めたように見えますか? – mikemaccana

答えて

18

変更。

codepen demo

+1

コメントしますか?これはどうやって間違っている? – j08691

+0

私は知らない - 私はdownvoterではない - しかし、あなたのおかげで答え、申し訳ありませんが、人々はとてもひどく振舞われています。 – mikemaccana

+0

私はこれを試しています(https://jsfiddle.net/L4sqdjkd/4//)それは動作していません。理由は何ですか?インラインフレックスを使用すると、それを圧縮し、その幅を子よりも小さくします。 – user3494047

関連する問題