CSS中的flex布局，是一種靈活的布局方式，可實現網頁中的自適應伸縮布局。其中flex 1是指靈活的比例值，即在不同尺寸下元素的寬度變化按比例調節。 使用flex 1，可以輕松實現大多數自適應性布局，同時簡化代碼結構。例如，我們經常使用的網頁導航欄，可以使用以下代碼實現： ```html``` 在這段代碼中，我們使用了display:flex將.nav-container容器設置為flex布局。而在每個.nav-item元素中，通過flex:1將寬度設置成可以伸縮的比例值，使得每個元素的寬度在不同屏幕尺寸下，按照相同的比例來顯示。 此外，我們還可以使用flex 1來實現其他自適應性布局，例如縱向居中、等分布局等。 總之，在使用flex布局時，靈活使用flex 1，可以幫助我們快速實現自適應的伸縮布局，提升頁面的用戶體驗。