CSS：在父级中浮动，没有定义的宽度

Question

请参阅下面的小提琴以查看代码和结果：

http://jsfiddle.net/jhacks/nnZWB/7/

我试图让两个div浮动：在他们的父div中没有​​定义的宽度。如果我设置了一个定义的宽度，它可以工作，但由于其中一个子div需要有一个可变宽度，我只想让父div伸展以适应子div。但是，正如你从小提琴中看到的那样，他们不想为我水平漂浮。

我尝试添加一些不同的样式（例如overflow：hidden）但无法使其工作。

感谢任何和所有帮助。谢谢！

Answer 1

将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/

Answer 2

如果您引用的问题属于div topProfile，则只需将float: right添加到topName。

如果这不是问题，那么您可能需要包含一个图像，以帮助表示您希望布局的外观。