对一个父元素设置了弹性布局,就千万不要对它清除浮动


一开始在一个div里边设置了三个子元素并且浮动,这样才不会高度坍塌嘛。后来又考虑到响应式布局用弹性布局好用,于是就对父元素设置了display:flex;justify-content:space-between;。

结果子元素并没有两边对齐:

代码如下:

后来才发现是之前清楚浮动的原因,于是把清除浮动的代码注释掉就好了:

 

效果图:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM