div 宽高百分百 如何能够撑起自己

要让div的宽度和高度都撑满父容器，可以使用CSS的百分比单位和一些布局技巧。下面给出几种常见的方式：

1. 使用绝对定位：将父容器设置为相对定位（position: relative），然后将子div设置为绝对定位（position: absolute），并设置top、right、bottom、left属性为0，这样子div的宽高就会自动撑满父容器。

.parent {
  position: relative;
}

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

2. 使用flex布局：将父容器设置为display: flex，并使用flex-grow属性来让子div自动填充剩余空间。

.parent {
  display: flex;
}

.child {
  flex-grow: 1;
}

3. 使用CSS Grid布局：将父容器设置为display: grid，并使用grid-template-rows和grid-template-columns属性来定义网格布局，将子div放入网格中，可以让子div自动充满整个父容器。

.parent {
  display: grid;
  grid-template-rows: 1fr; /* 或者其他百分比值 */
  grid-template-columns: 1fr; /* 或者其他百分比值 */
}

.child {
  grid-row: 1 / span 1;
  grid-column: 1 / span 1;
}

以上是几种常见的方法，根据具体情况选择适合的方式来实现div的宽高百分比撑满父容器。希望对你有帮助！如果还有其他问题，请继续提问。