太阳集团2018登录网址[主頁]欢迎您!

您好,
Are you ready

准备好开始了吗,
那就与我们取得联系吧

您希望我们为您提供什么服务呢

· · · ·

· · ·

您的预算
微信小程序开发view不会随着子层变化自动适应高度的问题解决
发表人:太阳集团2018登录网址 | 2022-03-22

做微信小程序开发时,遇到了个问题,就是view高度不随子层自动适应,如下图:

image.png

如上图,本来是view层白色背景需要自动伸高的,如果设置指定view的高度是没问题的,但这样在评论区域是需要自动伸展的,是不能采用这个方法解决的。

后来又想用父层用display:flex;来布局,也是能解决,但总感觉需写太多层级,不是太理想,所以还是仔细去分析原因,原来是子层使用了float: left;属性之后才会导至这个问题的,这个是自己对CSS没掌握足够熟悉导至的,所以解决方法也非常简单,在子层每行后加内容

clear在wxss的内容为:

.clear{

  clear:both;

}

这样即可完美解决问题,效果如下:

image.png

—— 太阳集团2018登录网址公众号 ——
十二年 行业积累

砥砺前行路上,有您关注,相聚相研共话成长!

如有意向,请与我们联系

办公电话:0774-3838278 / QQ:154727262 / 微信:wztmma