如何定义流体HTML布局,而不必硬编码固定内容元素的绝对高度或宽度

如何定义流体HTML布局,而不必硬编码固定内容元素的绝对高度或宽度,html,css,layout,Html,Css,Layout,有人能告诉我定义一个包含两列的HTML布局的最简单方法吗?第一列的宽度与内容要求的宽度相同,第二列的宽度与视口的其余部分相同,而无需实际硬编码宽度(绝对或百分比) 其次 如何定义具有三行的布局: 首先可以达到所需的高度 指定百分比高度的第二个 第三个的高度可以达到要求的高度,如果没有足够的空间,可以使用滚动条调整剩余的高度 无需实际硬编码两个固定高度中的任何一个?最简单的方法是使用HTML和CSS。到目前为止你尝试了什么?我已经更新了答案以满足你的需要

有人能告诉我定义一个包含两列的HTML布局的最简单方法吗?第一列的宽度与内容要求的宽度相同,第二列的宽度与视口的其余部分相同,而无需实际硬编码宽度(绝对或百分比)

其次 如何定义具有三行的布局:

  • 首先可以达到所需的高度
  • 指定百分比高度的第二个
  • 第三个的高度可以达到要求的高度,如果没有足够的空间,可以使用滚动条调整剩余的高度

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

最简单的方法是使用HTML和CSS。到目前为止你尝试了什么?我已经更新了答案以满足你的需要