CSS:在父级中浮动,没有定义的宽度

时间:2011-12-27 00:31:12

标签: css width css-float

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

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

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

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

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

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:1)

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

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