css的技巧

1.如何实现在不知道宽度的清空下，水平居中

父div: position:relative;

子div: 

position: absolute;
left: 50%;
transform: translateX(-50%);

2.左右布局，如何固定左边，右边高度自适应

.pane-warp {
  display: flex;
  flex-wrap: nowrap;
}
.left-pane {
  overflow: hidden auto;
  flex: 0 0 400px;
  order: 0;
  position: sticky;
  top: 24px;
  height: calc(100vh - 230px);
}
.right-pane {
  flex: 1;
  order: 2;
  overflow: auto;
  position: relative;
}