CSS раскрыть

Question

У меня есть основной div (фиолетовый) для этого html-заголовка, который разделяется на 2 других элемента div, содержащих логотип (красный) и некоторую другую информацию справа (зеленый)

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

Answer 1

Это может быть не красиво, но должно работать.

1. Абсолютно установите красный div на 0,0
2. Добавьте отступ слева от 199px к фиолетовому div
3. Удалите поплавки как из красных, так и из зеленых элементов

Answer 2

Это мое любимое решение для этого типа проблемы, бонус в том, что он даже не использует обертку, и вы можете добавлять другие столбцы (хотя, похоже, в вашем случае обертка понадобится, так как это похоже на заголовок):

http://www.alistapart.com/d/holygrail/example_4.html

Вы можете сделать это очень просто, просто используя простой float:

http://jsfiddle.net/W3DEC/

Answer 3

Просто использование float: left на красном div делает трюк.

http://jsfiddle.net/Jk5BE/2/