css - 如何使右侧 300px 和左侧尽可能大？ CSS

Question

这是一些代码 http://jsfiddle.net/LfC78/

我试图将右侧设为 300 像素(大约是我屏幕的一半。我的网站将使用不同的固定宽度)，将左侧设为宽度的其余部分。如您所见，左侧没有，文本区域不可读。

右边必须在右边而不是下面。此外，我可能会将两侧的最小高度设置为客户端屏幕的高度(如果可能的话使用 css)。

我折腾了一个小时没有成功。我该怎么做？

Answer 1

选项 1:CSS

一种不使用 JS 的方法是使用一个包装器，它包含您内容的整个宽度，并在其中 float 一个 block 到 300px {或您需要的任何宽度}的右侧

选项 2: http://pastie.org/1472661/

var width = window.innerWidth - 300;
document.getElementById('leftside').style.width = width + 'px';

此外，添加清除 float div

<div class="Display clrfx">
    <div class="leftside">
    <textarea cols=""></textarea>
    </div>
    <div class="rightside">the text</div>
</div>

.clrfx:after {
display:block;
clear:both;
content:"";
}