在全屏幕中扩展容器的最佳方式

Question

我已经研究了一下，看了很多关于开发人员如何使用这种技术来全屏筛选容器的例子，最常用的是：

.container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

和

html, body{
 height: 100%;
 margin: 0;
}

.container {
  min-height: 100%;
  margin: 0;
}

当容器是正文的子容器时，这些是在全屏幕中扩展div的最常用方法。

如果你问我，使用绝对位置的方法不是一个好主意，因为如果你把其他元素放在里面，你就无法与之相关，因为它们具有绝对位置。

使用HTML和正文100％的方法似乎有点简陋。

那么，扩展容器的最佳方式是什么？