對一個父元素設置了彈性布局,就千萬不要對它清除浮動


一開始在一個div里邊設置了三個子元素並且浮動,這樣才不會高度坍塌嘛。后來又考慮到響應式布局用彈性布局好用,於是就對父元素設置了display:flex;justify-content:space-between;。

結果子元素並沒有兩邊對齊:

代碼如下:

后來才發現是之前清楚浮動的原因,於是把清除浮動的代碼注釋掉就好了:

 

效果圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM