web网页中伸缩布局出错

为什么在设计网页时,设置一个div ,里面放三个东西,我把左边的设置了浮动,然后给父元素设置了伸缩布局。justify-content:space-between;然后就出错了,但我不知道正确的布局方式是什么样。

用flex布局就不需要浮动了

对flex伸缩布局内的子元素设置浮动是无效的。你要做什么效果?试试只用伸缩布局的属性能不能做到。
 

想要什么效果画个示意图

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632