前提背景:
最近在写小程序项目,在首页用到轮播图,就用了swiper组件,但是swiper组件用了绝对定位,脱离了文档流
清除浮动的原因:
父元素的高度是由子元素撑开的,子元素设置浮动,父元素没有设置,子元素会脱离标准的文档流,如果不清除浮动,父元素的高度不能被撑开。
微信小程序清除浮动的办法如下:
在脱离文档流的元素外面包裹一个div class设置为clear
1、
.clear {
overflow: auto;
_height: 1%;
}
2、
.clear{
overflow:hidden;
_zoom:1;
}