做微信小程序開發(fā)時,遇到了個問題,就是view高度不隨子層自動適應(yīng),如下圖:

如上圖,本來是view層白色背景需要自動伸高的,如果設(shè)置指定view的高度是沒問題的,但這樣在評論區(qū)域是需要自動伸展的,是不能采用這個方法解決的。
后來又想用父層用display:flex;來布局,也是能解決,但總感覺需寫太多層級,不是太理想,所以還是仔細(xì)去分析原因,原來是子層使用了float: left;屬性之后才會導(dǎo)至這個問題的,這個是自己對CSS沒掌握足夠熟悉導(dǎo)至的,所以解決方法也非常簡單,在子層每行后加內(nèi)容
clear在wxss的內(nèi)容為:
.clear{
clear:both;
}
這樣即可完美解決問題,效果如下:
