欢迎光临
我的个人博客网站

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

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

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

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

代码如下:

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

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

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

 

效果图:

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

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » 对一个父元素设置了弹性布局,就千万不要对它清除浮动
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏