Float элемент внутри встроенного текста

Question

я следующий код:

<div> 
    <div id="dynamic" style="float:left;height:50px;background-color:#aaa;"> 
    floated block which will be dynamically increase 
    </div> 
    <div id="static" style="height:50px;background-color:#FC3;"> 
    Hello guys 
    </div> 
</div> 

Я хочу, чтобы переместить static ДИВ как dynamic изменения ширины дел. Выше кода работает так, как я хочу, но я не знаю, имеет ли право это право выше?

Проплывает div внутри встроенного текста в правильном направлении? Это кросс-браузер?

Будет ли этот код влиять на что-либо еще, например, содержание ниже него или двигаться ниже static div?

И почему плавающий div не перемещается ниже встроенного контента, а выравнивает его со встроенным текстом?

Answer 1

Вы также можете использовать float:left для <div id="static">. Я не вижу никаких проблем, пока ваша динамическая ширина div + статическая ширина div не достигнет ширины окна.

Это >>http://jsfiddle.net/gxpBL/ - это то, что я говорю.