如何解决css float错位问题-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

css float错位的解决办法：1、当两个同级的元素发生错位时，在两个元素之间添加一个空标签；2、设置CSS属性为“.clear{clear:both;}”即可。

本教程操作环境：windows7系统、css3版、thinkpad t480电脑。

推荐：《css视频教程》

float属性使用后导致元素错位的解决方法

如果两个同级的元素发生了错位，就在两个元素之间添加一个空标签，比如:

1	`<div` `class="clear"></div>`

然后设置CSS属性：

.clear{
clear:both;
}

以上就是如何解决css float错位问题的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者