CSS: плавающий в родительском без определенной ширины

Question

Пожалуйста, посмотрите на скрипку ниже, чтобы увидеть код и результат:

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

Я пытаюсь получить два элемента div для плавания: прямо в родительском элементе div, который не имеетопределенная ширина.Это работает, если я устанавливаю определенную ширину, но так как один из дочерних элементов div должен иметь переменную ширину, я просто хочу, чтобы родительский элемент div просто растягивался, чтобы соответствовать элементам дочерних элементов.Однако, как вы можете видеть из скрипки, они не хотят для меня плавать по горизонтали.

Я попытался добавить несколько разных стилей (например, overflow: hidden), но не могу заставить его работать,

Любая и вся помощь приветствуется.Спасибо!

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/