在項目中，常常會遇到這樣的需求，要求布局如下所示，同時要求導航區的高度與內容區的高度始終保持一致，以邊框或者背景作為區分。

采用float的方式布局

需要通過js來監控兩個區域的高度變化，將高度的最大值作為兩者的高度

采用flex的方式布局

不需要去處理高度，兩者的高度會自動同步（補充：是指在沒有設置高度，高度由內容撐開的情況）

轉載于:https://www.cnblogs.com/chaoyueqi/p/10019103.html

總結

以上是生活随笔為你收集整理的flex布局较之float布局的优点新发现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。