css控制div等比高度
生活随笔
收集整理的這篇文章主要介紹了
css控制div等比高度
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在移動(dòng)端開發(fā)中，在banner輪播圖未加載出來之前，banner層是不占文檔流高度的，當(dāng)從服務(wù)器獲取完banner數(shù)據(jù)，展示的時(shí)候，banner層因?yàn)橛辛藘?nèi)容 所以會(huì)撐開，導(dǎo)致banner層下面的內(nèi)容也隨之移動(dòng)，為解決此bug，可以控制下banner層的寬高比
<!DOCTYPE html> <html> <head><title></title><style type="text/css">*{margin: 0;padding: 0;}.box{//控制該div寬高比overflow: hidden;height: 0;padding-bottom: 20%;
background: #999;}</style> </head> <body><div class="box">占位</div><p>文字文字文字</p> </body> </html>
轉(zhuǎn)載于:https://www.cnblogs.com/javascripter/p/9994184.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的css控制div等比高度的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： PHP实现多继承的效果（tarits）
- 下一篇： Appium 服务器参数