宽度相对于高度的百分之百

要实现宽度相对于高度的百分之百，可以使用CSS的padding-top属性和百分比来计算宽度。

HTML代码示例：

<div class="wrapper">
  <div class="content">
    <!-- 内容 -->
  </div>
</div>

CSS代码示例：

.wrapper {
  position: relative;
  padding-top: 100%; /* 宽度相对于高度的百分之百 */
}

.content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 其他样式 */
}

上述代码中，通过将父容器的padding-top属性设置为100%，可以使父容器的高度等于宽度的百分之百。接着，通过将子容器的position属性设置为absolute，并设置top: 0和left: 0，可以使子容器覆盖在父容器上方。最后，设置子容器的宽度和高度为100%，从而使子容器的宽度也等于父容器的宽度的百分之百。

这样，无论父容器的宽度如何变化，子容器的宽度都会相对于高度保持百分之百的比例。