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

这里有一些代码

我正试图使右侧的300px（这大约是我的屏幕上的一半。我的网站将使用不同的固定宽度）和左侧的剩余宽度。如您所见，左侧不可见，文本区域不可读

右侧必须在右侧，而不是下方。此外，我可能会使双方的最低高度的客户端屏幕的高度（如果有可能与css）

---

我胡闹了一个小时，没有成功。我该怎么做？

选项1:CSS

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

选项2:

另外，添加并清除浮动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:"";
}

正文
.clrfx:之后{
显示：块；
明确：两者皆有；
内容：“；
}

已更正：

.rightside{ background: gray; width:300px; position: absolute; top: 0px; right: 0px; }

.leftside{position: absolute; right: 0px; padding-right: 300px;}

.leftside textarea{ width: 100%; }

.Display{width: 100%;}

---

“编辑”看起来与“最大宽度”指定实际上不起作用

选项1不起作用。事实上，这正是我在链接中所做的。选择2我决定试试。它似乎不起作用，但我很可能是做错了不起作用的事情。1太小，1000会将右侧向下推。我使用的最后一个代码是，正如您所说的，您要处理的是固定宽度，只需将“cols”值设置为您想要的任何值，这样它就可以触及右侧。正如pastie一样，我喜欢JSFIDLE和html。你应该学习它。不管怎样，我尝试了这个解决方案，我的意思是只有右边是固定的。左侧需要尽可能大（在我的1300px宽屏幕和1600px宽屏幕上差异很大，在1900屏幕上差异更大），总之，其他人想出了一个解决方案。我喜欢那个黑客，我讨厌css，是你一直在更新吗？我注意到并惊讶于修订号（我通常每10次更新保存一次）。您可以单击“运行”按钮。但无论如何，这是个好答案！好办法！实际上它不起作用。我只得到左边是最大的，而不是尽可能大的。糟糕的是，我更新了我的答案，使其正确运行，这是我的疏忽。虚惊一场，我认为这是正确的。然后我输入了一些东西，意识到它不在我的视野之内。

.rightside{ background: gray; width:300px; position: absolute; top: 0px; right: 0px; }

.leftside{position: absolute; right: 0px; padding-right: 300px;}

.leftside textarea{ width: 100%; }

.Display{width: 100%;}