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

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

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

代码如下:

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

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

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

 

效果图:

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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-02-04
  • 2022-12-23
  • 2022-01-02
  • 2022-12-23
  • 2021-05-24
  • 2021-12-24
猜你喜欢
  • 2022-12-23
  • 2021-08-23
  • 2021-09-11
  • 2021-06-28
  • 2021-11-27
  • 2021-07-10
  • 2022-12-23
相关资源
相似解决方案