CSS 100% 超出的使用非常方便，只需将容器元素的 `max-height` 属性设置为 100% 即可将元素的高度扩展到容器的全部高度。这种方法不仅可以实现高度的自适应，还可以让元素具有足够的宽度来展示其文本内容和样式。另外，由于元素的高度不受其他 CSS 属性的影响，所以可以通过简单的样式来控制元素的高度，而不必考虑其他因素。
然而，CSS 100% 超出也有一些限制。首先，如果元素的高度超过了容器的全部高度，那么元素将超出容器并可能会影响其他元素的布局。其次，如果元素的 `max-height` 属性被设置为 100% 并且其父元素的 `max-height` 属性没有被设置为 100%，那么元素的高度将扩展到父元素的高度，而不是容器的高度。这种布局方式可能会导致一些不必要的重叠和错位。
因此，在使用 CSS 100% 超出时，需要谨慎设置 `max-height` 属性，以确保元素不会超出容器并不会影响其他元素的布局。同时，还需要考虑元素的父元素，以避免不必要的布局问题。
CSS 100% 超出是一种非常实用和灵活的布局技术，可以让设计师和开发人员轻松实现自适应布局和高度控制。但需要谨慎设置 `max-height` 属性，以确保不会影响其他元素的布局。