获得固定的左元素和流体右元素

Question

我认为这是星期五，所以我有一个大脑放屁。我不能为我的生活设置一个页面，其中固定左元素<aside>约200px，流体宽度右元素<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