問題描述

在移動(dòng)端的web想使用flex來進(jìn)行布局，布局成4x4的，也就是把子元素的寬度設(shè)置為25%子元素是圖片，圖片分正反兩面，點(diǎn)擊的話會(huì)進(jìn)行3D翻轉(zhuǎn)現(xiàn)在主流的做法是這樣的 查看但是問題來了，這里面使用了position: absolute;這種屬性導(dǎo)致的問題是，無法讓圖片進(jìn)行正常的布局，不設(shè)置這個(gè)圖片的高度的話就沒有高度，設(shè)置了的話就不會(huì)自動(dòng)收縮布局了

問題解答

建議將兩張圖片放到一個(gè)容器里進(jìn)行操作吧。將容器的flex值設(shè)為1來進(jìn)行布局。給圖片設(shè)置position：absolute的話flex就沒有意義了吧。