DIV 再论消除波动的空方式

日期:2021-01-20 类型:科技新闻 

关键词:如何制作微信小游戏,微信游戏小程序,公众号游戏,h5小游戏模板,小程序游戏源码

CSS 应用波动会导致合理布局的错乱,一般消除波动的方式是,运用1个以下款式的空 Div:

<div class="clear"></div>
.clear{clear:both;}

更加优质的 CSS 编码是:

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{zoom:1;}

这个方式现阶段早已普遍应用,淘宝、口碑,全是这类用法。根据 after 伪类 :after 和 对于 IE6 的单独 CSS Hack 来完成,彻底适配流行访问器。

自然,这在根据 CSS 在元素以后追加 "." 其实不必要,由于还必须 visibility 来掩藏掉它。根据提升,编码以下:

.clear:after{content:"020";display:block;height:0;clear:both;}
.clear{zoom:1;}

在其中,020 指在器皿后加上空格,这样就防止应用 visibility 掩藏可视性性了。

此外,不强烈推荐应用空 div 的方式。单是以便消除波动而在构造优良的 HTML 中插进沒有词义的器皿,未免一些突兀。