實現效果
使用flex進行左右布局，左邊定寬200px，右邊自適應，當右邊內容過多，造成右邊盒子被撐開，會造成兩種問題

左邊定寬盒子被壓縮
解決辦法：

flex-grow:0;//是否自動增長空間
flex-shrink:0;//是否自動縮小空間

右邊自適應的盒子被撐開

解決辦法：

flex:1;
width:0;

將右邊自適應的盒子的寬度設置為 0 ，然后使用 flex：1 樣式，將寬度交給 flex 布局來決定，最終子元素不會被內容撐開，達到想要的效果。

————————————————
版權聲明：本文為CSDN博主「?梅梅?」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/meimeib/article/details/118931705