Как сделать 2 div на одной линии?

Question

[Baxterok]

Знаю что есть 3 способа:

• Использовать display: inline-block
  
• Использовать float: left/right
  
• Использовать position: absolute
  

В первом блоке у меня основной контент, а второй блок это сайдбар. Нужно для сайдбара задать фон. Фон должен быть по всей длине родительского блока не зависимо от того задает эту длину контент или сайдбар.

position: absolute - не подходит, так как там фиксировання высота.
float: left/right - не подходит, так как там при выставлении высоты height: 100%, наследуется только константная высота родителя.
display: inline-block - тут даже не могу выставить на одну линии с константными значениями широт ( jsfiddle ).

Comments

[Дмитрий]

может такой вариант подойдет? jsfiddle.net/soledar10/y7p4e3ea

Answer 1

[Vadim Bogomazov]

?

Comments

[Майк]

по-моему, FLEX на IE и Safari не пашет?!

Answer 2

[Ленар Фаттахов]

jsfiddle.net/65p1c1t2/1
поставил font-size 0 родительскому блоку
почитайте про пробелы в инлайн-блоковых элементах

Comments

[Ислом Арифжонов]

и еще не забыть vertical-align:top; поставить для инлайн-блоковых элементов

Answer 3

[Dmitry]

codepen.io/anon/pen/bdOWze?editors=110
не углублялся, но когда-то меня эта ссылка спасла