在項目中,常常會遇到這樣的需求,要求布局如下所示,同時要求導航區的高度與內容區的高度始終保持一致,以邊框或者背景作為區分。
采用float的方式布局
需要通過js來監控兩個區域的高度變化,將高度的最大值作為兩者的高度
采用flex的方式布局
不需要去處理高度,兩者的高度會自動同步(補充:是指在沒有設置高度,高度由內容撐開的情況)
在項目中,常常會遇到這樣的需求,要求布局如下所示,同時要求導航區的高度與內容區的高度始終保持一致,以邊框或者背景作為區分。
采用float的方式布局
需要通過js來監控兩個區域的高度變化,將高度的最大值作為兩者的高度
采用flex的方式布局
不需要去處理高度,兩者的高度會自動同步(補充:是指在沒有設置高度,高度由內容撐開的情況)
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。