获取父元素没有被占据的空间

可以使用CSS的box-sizing属性来实现。默认情况下，元素的box-sizing属性值为content-box，这意味着元素的宽度和高度只包括内容的尺寸，不包括padding和border的尺寸。如果将box-sizing属性值设为border-box，则元素的宽度和高度包括内容、padding和border的尺寸，这样就可以避免父元素被占据的空间问题。

例如：

.parent {
  width: 500px;
  height: 500px;
  padding: 20px;
  border: 2px solid black;
  box-sizing: border-box;
}

.child {
  width: 100%;
  height: 100%;
}

在上面的例子中，父元素的宽度和高度被设置为500px，并且有20px的padding和2px的边框。由于父元素的box-sizing属性值为border-box，所以子元素的宽度和高度可以设置为100%，并且不会超出父元素的边框范围。