css能不能从上往下减少高度

Question

当我们调节减少一个块级元素的高度时，可以看到高度是从下往上慢慢缩窄,那有没有方法让其可以从上往下缩窄，在不借用其他元素遮挡的情况下

Answer 1

绝对定位+clip：

缺点：

1. 需要加一个相对定位的父元素；
2. clip不支持百分比，所以高度上需要输入准确数值。

clip-path:

demo
缺点：兼容性不好
优点：

1. 支持百分比；
2. 不需要绝对定位，不用考虑布局影响。

Answer 2

可以使用绝对定位，然后加上bottom:0