✅ 修复后的轴线对齐测试

修复版本:flex:1 + min-height:0
✓ 轴线定位:top:50%;margin-top:-0.5px;height:1px
✓ ���器高度:300px
✓ bars-inner:flex:1;min-height:0(自动填充容器,不固定高度)
✓ 柱子定位:bottom:150px(上方) / top:150px(下方)
股票1
+15% / +12%
股票2
-8% / -10%
股票3(✗)
+20% / -5%
股票4(✗)
-12% / +8%
✅ 修复说明:
关键改动:将 height:280px 改为 flex:1;min-height:0
原因:flex 容器中子元素的高度需要用 flex 属性而非固定高度来填充,这样轴线(50%)才能与柱子定位(bottom:140px / top:140px)完美对齐。