css float布局样式的换行问题

使用float布局时候,存在多行数据要换行,出现了换行样式问题:

如图:

第二行的第一个浮动到右边,其他被挤下到第三行

原因: 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动的边框为止,

解决办法:

第二行第一个加入清除浮动样式: style="clear:both;"

正常样式:

备注 :

上图中 我的 开始按钮 是另起一个div写入,也需要清除浮动样式,不然就是跟在红色删除按钮后面

猜你喜欢

转载自blog.csdn.net/weixin_44220845/article/details/124254555