效果要(want)求：子元素内容是(yes)标題+文字，高度不(No)固定，隻顯示固定高度的(of)标題部分，hover時(hour)顯示全部

如果設置bottom: -100%;,會将其設置爲(for)父級大(big)小的(of)100%。子元素高度不(No)固定這(this)樣就無法顯示标題部分

可以(by)将元素設置爲(for)bottom 0,這(this)樣就會在(exist)父級的(of)底部，用(use)translateY控制子元素的(of)顯示

less

position: absolute;
bottom: 0;
left: 0;
right: 0;
transform: translateY(calc(~'100% - 50px'));

css

position: absolute;
bottom: 0;
left: 0;
right: 0;
transform: translateY(calc(100% - 50px));