奇葩！小米手机自带浏览器css兼容问题，强制屏蔽、隐藏类名为 top_box 的元素。

如标题所示，今天记录一下小米手机自带浏览器的问题。

同一个页面代码，不论在微信环境，其他第三方浏览器，或者嵌入app中显示都没有问题，唯有小米手机自带浏览器，莫名其妙的有个元素不见了。

然后一顿改代码，换各种方法测试。。。

猜测：

1.层级不够高，被其他元素遮盖，

2.css定位的兼容，

3.js设置css显示没有生效

最终发现是类名的问题！！！！！ 

不能使用 top_box  

<div class="top_box">
    我的类名是top_box，在小米浏览器中被强制隐藏
</div>
<div class="top-box">
    我的类名是top-box
</div>
<div class="top__box">
    我的类名是top__box
</div>