flex布局问题

Question

老师您好，在商品详情页面，选择版本中 我使用了flex布局 想请教一下
这里我给选择颜色div一个背景色发现，由于上方选择版本div没有给定高度，导致选择颜色div的起始位置在选择版本四个字下方，随着手机版本增多被无限拉高 ，我想实现如下图
就必须给定一个高度，但是现实开发中手机版本型号应该是不固定的，给定高度会出现问题，应该怎么解决这个问题，部分代码如下

Answer 1

河畔一角 2021-04-27 22:33:44

红色背景之所以在上面，是因为你用了float，用flex布局就够用了，不需要用浮动定位

• 提问者 拉钩上吊 #1

  非常感谢！

• 提问者 拉钩上吊 #2

  谢谢老师，解决了，之前一位排列都要用到float

• 河畔一角 回复 提问者 拉钩上吊 #3

  不客气。以后少用float