Как абсолютно позиционировать динамический скрипт .js в контейнере и освободить его пространство для использования следующим div

Question

например, скажем, у меня есть HTML

<div id="container">

<div id="js-widget">
<script src"xxxyyyzzz" type="text/javascript"></script> 
</div>


<div id=something-else1"></div>
<div id=something-else2"></div>

</div>

что мне нужно, это js-виджет, чтобы плавать вправо, и что-то еще, и что-то еще, чтобы начать в исходном положении js-виджета слева.

Сейчас я занимался размещением скрипта как последнего объекта на странице и относительным позиционированием, но я знаю, что должно быть лучшее решение. спасибо!

РЕДАКТИРОВАТЬ: 1 последнее ограничение:

выполнение position:absolute;right0px; не будет работать, потому что последний div типа "что-то еще" - это набор текста, и виджет иногда перекрывает его. если я позиционирую его абсолютно, даже если я добавляю отступ к виджету, текст всегда будет проходить поверх виджета.

Answer 1

Используйте position:absolute;right:0px; для js-widget.

position:absolute удалит элемент из нормального потока, и поэтому следующие элементы займут его место.

После обновления

Посмотрите варианты в примере, который я сделал на http://www.jsfiddle.net/gY6uz/1/

Для виджета с абсолютным позиционированием, вы должны добавить отступына своем контейнере, а не на своем ...

Для плавающего виджета он не должен мешать следующим элементам div, если только они не плавают сами по себе ..