CSS：右doesnの親のdiv内：私は浮くために、2つのdivを取得しようとしています</p> <p><a href="http://jsfiddle.net/jhacks/nnZWB/7/" rel="nofollow">http://jsfiddle.net/jhacks/nnZWB/7/</a></p> <p>：なし定義された幅を持つ親の中にフロートすることは

Question

コードと結果を確認するには、以下のフィドルをご覧ください。定義された幅を持っていません。定義された幅を設定すると動作しますが、子divの1つが可変幅を持つ必要があるため、親divを子供divに合わせて伸ばしてください。しかし、あなたがフィドルから見ることができるように、彼らは私のために水平に浮遊したくありません。

いくつかの異なるスタイル（オーバーフロー：非表示など）を追加しようとしましたが、動作させることができませんでした。

何かすべての助けがありがとうございます。ありがとう！

Answer 1

あなたがしている参照のうえ問題がdivのtopProfile以内に、あなたはちょうどtopNameにfloat: rightを追加する必要がある場合。

これが問題でない場合は、レイアウトをどのように表示するかを表すイメージを含める必要があります。

Answer 2

topProfilePic divをtopName div内に移動します。

<div id="topName"> 
    <div id="topProfilePic">  
     <div id="pic"></div>  
    </div> 
    <a class="topText" href="name.html">Your Name Here</a> 
</div> 

http://jsfiddle.net/nnZWB/8/