獲得固定的左元素和流體右元素

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