当HTML中使用float属性后，可能会遇到元素错位或父元素塌陷的问题。解决方法包括在错位元素间插入清浮动<div>，或者为父元素添加相同的float属性或清除浮动样式。通过这些技巧，可以有效避免布局混乱。
直接上解决方法，有兴趣知道原理的就看一下下面的内容哈。
解决方法：
1、如果两个同级的元素发生了错位，就在两个元素之间添加一个空标签，比如:
<div class="clear"></div>
然后设置CSS属性：
.clear{
clear:both;
}
2、如果是父子元素，而只给子元素添加了float，而父元素没有加float的话，会发生元素塌陷，解决方法：
(1)给父元素也加上相同的float就行。
(2)在父元素标签里面的最后一行加上上面那串代码。
基本float属性使用后导致元素错位或塌陷的原因及解决方案
于 2020-09-30 15:32:42 首次发布
扫一扫
924
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
