使用calc 函數 動態計算width

由於flex的兼容性對項目需求來說已經足夠,所以最近經常使用flex來進行佈局; 最近遇到了一個需求,如下圖所示: 1.外部box的width是按屏幕的百分比自動計算出來的; 2.需要始終保證1和2的的寬度一直是保持一致的。 1的寬度,是{flex:33.33%}; 如果要保持2的寬度始終和1的一樣,使用具體的數值顯然是不方便換算的。 這時候,使用calc() 函數進行動態計算,就會變得很高效便利
相關文章
相關標籤/搜索