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

Question

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

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

我试图让两个 div 浮动：位于其没有定义宽度的父 div 内。如果我设置一个定义的宽度，它就可以工作，但由于其中一个子 div 需要具有可变宽度，我只是希望父 div 能够拉伸以适合子 div。然而，正如你从小提琴中看到的，他们不想为我水平漂浮。

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

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

Answer 1

如果您提到的问题是在 div topProfile 内，那么您只需将 float: right 添加到 topName 即可。

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

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/