12
2020
04

如何实现布局左边固定宽度右边自适应?

答:


a


.left{

width:200px;

float:left;


background:red;


}

.right{

overflow:hidden;


background:blue;

}


B、


.container{


display:flex;/*设为伸缩容器*/ 


}


.left{

width:200px;


border: 2px solid blue;


background:red;


}

.right{


border: 2px solid yellow;


flex:1;/*这里设置为占比1,填充满剩余空间*/ 


background:blue;

}

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。