在使用浮动布局（float）时遇到多行数据换行导致的样式异常，表现为第二行的第一个元素浮到了右边。问题根源在于浮动元素会尽可能向左或向右移动，直到碰到包含框或其他浮动元素。解决方法是在第二行第一个元素中添加`clear:both`样式，确保其不受到上一行浮动元素的影响。此外，若其他元素也需要避免浮动影响，同样需要应用此样式。
使用float布局时候，存在多行数据要换行，出现了换行样式问题：
如图：
第二行的第一个浮动到右边，其他被挤下到第三行
原因： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动的边框为止，
解决办法：
第二行第一个加入清除浮动样式： style="clear:both;"
正常样式：
备注 ：
上图中 我的 开始按钮 是另起一个div写入，也需要清除浮动样式，不然就是跟在红色删除按钮后面
扫一扫
1261
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
