css实现两列布局高度同等高度

方式1：浮动 + 定位

父元素：
            属性
                overflow: hidden;
                position: relative;
        子元素1:
            属性
                background-color: blueviolet;
                width: 200px;
                position: absolute;
                top: 0;
                bottom: 0;
        子元素2：
            属性
                float: left;
                background-color: aqua;
                width: calc(100% - 200px);
                margin-left: 200px;

方式2：flex布局

父元素：
            属性
                display: flex;
        子元素1:
            属性
                background-color: blueviolet;
                width: 200px;
        子元素2：
            属性
                background-color: aqua;
                width: calc(100% - 200px);

方式3：定位

父元素：
            属性
                position: relative;
        子元素1:
            属性
                background-color: blueviolet;
                width: 200px;
                position: absolute;
                top: 0;
                bottom: 0;
        子元素2：
            属性
                background-color: aqua;
                width: calc(100% - 200px);
                margin-left: 200px;