.plg-operation-contianer, .plg-quality-container { @totalHeight: calc(100% - 10px); width: calc(100% - 10px); height: @totalHeight; margin: 5px; background-color: #fff; .layui-card-body { height: 100%; .layui-tab { position: relative; height: calc(100% - 20px); .layui-tab-content { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; .layui-tab-item { position: absolute; width: 100%; height: 100%; // background-color: red; } .plg-warehouse-container, .plg-shipper-container, .plg-complaints-container, .plg-exception-container { width: 100%; height: calc(100% - 20px); .plg-grid-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } } } } }