Html布局代码集合

div居中布局

position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

 两个div水平布局最左最右且水平

display: flex;
    justify-content: space-between;

align-items: center;

div使用display=flex布局后元素占满

flex: 1;

input设置

flex: 1;
          margin: 0 10px;
          outline: none;
          background: transparent;
          border: none;
          border-bottom: 1px solid #66858c;
          padding: 5px 10px;
          color: #cccccc;

溢出滚动

height: 450px;
      overflow: scroll;