記一次定位塌陷問題

客戶反饋問題圖片：

 

 詳細圖片：

 

 

客戶要求圖片不能被壓縮展示，於是我向圖片加一個父盒子擁有寬高，內部img標籤max寬高100%，同時相對於父盒子定位並使用transform屬性

 

 因爲我之後的元素也是使用的定位，這就導致出現了浮動塌陷

 

 視頻播放按鈕應該在下面盒子中央的，結果因爲塌陷了導致播放按鈕相對於上一個盒子做定位

清除浮動的方法有，

給父盒子添加高度，clear：both，

因爲都是定死的高度，我就直接向父盒子添加高度了

 

 最後效果圖