Css 布局

    #main {
       background-color: cadetblue;
       display: flex;
       /*内部元素居中*/
       justify-content: center;
    }
    
    position:absolute  //适合将一个子元素放到父元素的左上角之类的情景，自己会脱离文件流不占位置，父元素必须设定position：relative才起作用。 
    position:relative  //一个元素相对于原来位置的投影，原控件占据的控件不变。 
    position:fix  //适用于固定的footer，header。相对于浏览器位置不变，不随浏览器滚动变化。

登录框居中： 一般让panel占据整个宽度，不轻易改变元素的宽度，修改margin，margin：0 auto 自动水平居中。

块状元素会自动填充整个浏览器宽度。