如何使用CSS在HTML主体的同一位置显示所有4个div:s内容

要在HTML主体的同一位置显示所有4个div的内容，可以使用CSS的布局技术来实现。以下是一种可能的解决方案：

1. 首先，在HTML中创建一个包含4个div的容器元素，例如：

<div class="container">
  <div class="box">Content 1</div>
  <div class="box">Content 2</div>
  <div class="box">Content 3</div>
  <div class="box">Content 4</div>
</div>

1. 接下来，使用CSS来定义容器元素的样式，并设置其为相对定位（relative position），以便内部的div可以相对于容器进行定位。同时，设置容器元素的高度和宽度，以适应内部div的内容：

.container {
  position: relative;
  height: 400px;
  width: 100%;
}

1. 然后，使用CSS来定义内部div的样式，并设置它们为绝对定位（absolute position）。通过设置每个div的top和left属性，可以将它们定位在容器的同一位置。同时，设置每个div的高度和宽度，以适应其内容：

.box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

这样，所有4个div的内容将在HTML主体的同一位置显示出来。你可以根据实际需求调整容器和内部div的样式。

请注意，以上解决方案仅提供了一种实现方式，实际情况可能因具体需求而有所不同。对于更复杂的布局需求，可能需要使用更多的CSS属性和技术来实现。