纯css实现展开和收起

主要利用 float:right CSS属性 指定元素应沿其容器的右侧放置，允许文本和内联元素环绕它。 该元素从网页的正常流动(文档流)中移除，尽管仍然保持部分的流动性。 然后利用另一个浮动元素把指定元素置于右下角，通过父容器 display:flex（grid）的特性，flex项尺寸会根据内容自动计算，flex项子项可以使用百分比高度，获取到位置高度calc(100% - 1.5em +1px) 加 1px 是为了避免计算出现小数高度不够。