左边两列定宽,一列自适应

2020-04-29  本文已影响0人  考拉程序媛

利用float+margin实现

.left,.center{float:left:width:200px;}
.right{margin-left:400px;}
利用float+overflow实现

.left,.center{float:left:width:200px;}
.right{overflow:hidden;}
利用table实现

.parent{display:table;table-layout:fixed;width:100%;}
.left,.center,.right{display:table-cell;}
.left,.center{width:200px;}
利用flex实现

.parent{display:flex;}
.left,.center{width:100px;}
.right{flex:1}

上一篇下一篇

猜你喜欢

热点阅读