其實(shí)很簡(jiǎn)單，看下面實(shí)例：

1、頁面布局要求一個(gè)大盒子包著兩個(gè)小盒子。

2、outbox設(shè)置成伸縮盒子。

3、box1的盒子設(shè)置一定的寬度。

4、box2設(shè)置flex:1 表示占剩余的所有部分。

<style> .outbox{display:flex; } .box1{width:100px; } .box2{flex:1;//表示所有剩余部分 } </style> <div class="outbox"><div class="box1"></div><div class="box2"></div> </div>

?

轉(zhuǎn)載于:https://www.cnblogs.com/shengmo/p/8643162.html

總結(jié)

以上是生活随笔為你收集整理的简单实现一边固定，另一边自适用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。