如何用JQ控制頁面自適應

這裡有部分代碼：
<div id="all">
        <div id="left">我在左邊</div>
        <div id="right">我在右邊</div>
</div>
對應的CSS：
html,body{height:100%;}
#all{height:100%; width:100%;}
#left{height:100%; width:80px; float:right; background:yellow;}
#right{height:100%; width:100%; background:red;}這樣#left是在右邊 #right是全屏了 但是一旦在#right上輸入超長的字符 整個#right就會掉到下面去了請問這個用jq怎麼去控制