










做微信小程序開(kāi)發(fā)時(shí),遇到了個(gè)問(wèn)題,就是view高度不隨子層自動(dòng)適應(yīng),如下圖:
如上圖,本來(lái)是view層白色背景需要自動(dòng)伸高的,如果設(shè)置指定view的高度是沒(méi)問(wèn)題的,但這樣在評(píng)論區(qū)域是需要自動(dòng)伸展的,是不能采用這個(gè)方法解決的。
后來(lái)又想用父層用display:flex;來(lái)布局,也是能解決,但總感覺(jué)需寫(xiě)太多層級(jí),不是太理想,所以還是仔細(xì)去分析原因,原來(lái)是子層使用了float: left;屬性之后才會(huì)導(dǎo)至這個(gè)問(wèn)題的,這個(gè)是自己對(duì)CSS沒(méi)掌握足夠熟悉導(dǎo)至的,所以解決方法也非常簡(jiǎn)單,在子層每行后加內(nèi)容
clear在wxss的內(nèi)容為:
.clear{
clear:both;
}
這樣即可完美解決問(wèn)題,效果如下: