브라우져 크기구하기 근데좀복잡해요~

일단 레이아웃구조가 가변 100% 입니다.

아래 처럼 왼쪽메뉴는 가로크기가 240px 로 고정입니다.
컨텐츠는가변입니다.

근데 브라우져 창크기를 줄일때 왼쪽메뉴는 고정이고 오픈쪽 컨텐츠크기는 변합니다.

전체창이건 창이줄건 브라우져크기에맞게 전체 우측컨텐츠의 가로크기를 퍼센트로 구하고싶습니다.
창의크기에따라 고정값인 왼쪽메뉴 240px를 뺀 컨텐츠의 가로 퍼센트값을 알고싶습니다.
어떤공식으로 해당값을 알수있을가요?
<div>
<div class="left"> 왼쪽메뉴</div>
<div class="content">컨텐츠 </div>
</div>