Получение фиксированного левого элемента и правильного элемента жидкости

Question

Я думаю, что в пятницу, так что у меня есть мозговой пердит. Я не могу на всю жизнь настроить страницу с фиксированным левым элементом <aside> около 200 пикселей и правым элементом ширины жидкости <article>, который занимает оставшееся пространство.

Простой, но у меня проблемы с блоком, встроенные проблемы.

Толчок в правильном направлении был бы замечательным!

http://jsfiddle.net/pcEbG/

<style> 
aside { 
    width: 200px; 
} 

aside, article { 
    display: inline-block; 
} 
</style> 


<section> 
    <aside> 
    This is a section 
    </aside> 


    <article> 
    This is an article that should take up the remaininfg width 
    </article> 

</section> 

Answer 1

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

width: calc(100% - 200px); 

Вот совместимость браузера для известково http://caniuse.com/#search=calc