block-size解决水平垂直方向同一元素宽高互换问题

block-size
根据元素的书写模式定义了元素块的横向或纵向尺寸。根据 writing-mode 的值，此属性对应于 width 或 height 属性。

若为纵向书写模式，则 block-size 的值对应于元素的宽度；否则对应于元素的高度。

block-size: 100%;
writing-mode: horizontal-tb;
border: 1px solid var(--gray-2);

block-size: 100%;
writing-mode: vertical-lr;
border: 1px solid var(--gray-2);