float元素浮动后高度不一致导致错位的解决办方法

Posted djiz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了float元素浮动后高度不一致导致错位的解决办方法相关的知识,希望对你有一定的参考价值。

换行开始的第一个元素clear:left;即可

例如  四列时应该时第5个,9个。。。加clear:left;

.row .col-lg-3:nth-child(4n+1),.row .col-md-3:nth-child(4n+1){
     clear:left;
}

4n+1 选择一行4列时下一行第一个元素



以上是关于float元素浮动后高度不一致导致错位的解决办方法的主要内容,如果未能解决你的问题,请参考以下文章

清除浮动(float)的影响

清除float浮动造成影响的几种解决方案

怎么解决使用float浮动的时候元素不占高度的问题

清楚float

CSS浮动,BFC,清除浮动,高度塌陷以及最终解决方法

float浮动后,父级元素高度塌陷和遮盖问题