如何定义流畅的HTML布局，而无需硬编码固定内容元素的绝对高度或宽度

Question

有人可以建议最简单的方法来定义一个HTML布局，其中包含两列，第一与其内容要求一样宽，第二尽可能宽视口的其余部分，而不必实际硬编码（绝对或百分比）的宽度？

其次

如何定义具有三行的布局：

• first 尽可能高。
• 指定百分比高度的秒
• 和第三尽可能高，如果没有足够空间，则使用滚动条保留剩余高度

无需实际硬编码两个固定高度中的任何一个？