方法一：flex布局，左側(cè)flex-grow: 0, flex-shrink: 0,flex-basis: 固定寬度數(shù)值；右側(cè)flex-grow: 1, flex-shrink: 1,flex-basis: 0px（或者不設(shè)置）；

方法二：float+margin， 左側(cè)元素float:left;給一個(gè)固定寬度,右側(cè)元素margin-left: 左側(cè)元素的寬度；

方法三：float+float，左側(cè)元素float:left;給一個(gè)固定寬度，右側(cè)元素float:right;寬度設(shè)為calc（100% - 左側(cè)元素的寬度）；

方法四：父級(jí)元素的display: table, 左側(cè)元素display:table-cell且給一個(gè)固定寬度，右側(cè)元素display: table-cell，不設(shè)置寬度即可；

方法五：absolute+margin, 左側(cè)元素設(shè)置一個(gè)絕對(duì)定位定位在左側(cè)且給一個(gè)固定寬度， 右側(cè)元素，充滿空間且給一個(gè)margin-left為左側(cè)元素的寬度；

常用的是上面這五種，還有其他的實(shí)現(xiàn)方式，歡迎大家留言交流。