视频融合云服务平台EasyCVR手机端录像页面样式重叠的问题修复

EasyCVR视频融合云服务具备较强的兼容性、可拓展性，在视频接入上可兼容多类型的视频传输协议，在输出上，可分发多格式的视频流，覆盖全平台、全终端，包括PC、手机端、APP端、电子大屏等等。随着安防市场规模的不断扩大和延伸，EasyCVR凭借其灵活的视频能力，已经成为安防领域的主流需求平台。目前EasyCVR也已经在很多实际项目中落地应用，如智慧工地、智慧安防、智慧工厂、智慧园区等。

我们在测试时发现手机端EasyCVR录像页面出现了样式重叠，今天来分享一下排查与解决办法。

在排查代码时，发现时间框DOM元素为浮动元素，实际是不占用高度，当父级宽度较小时，就会挤出父级DOM节点，浮动在父级DOM节点旁边，从而与其他元素产生遮挡重叠。

解决起来也较为简单，利用伪元素具有clear清除浮动的属性来解决父标签塌陷的问题（父标签撑不起来的问题）。

修改后预览如下：

EasyCVR视频融合云服务是一款支持多种流媒体视频协议的视频平台，除了国标GB28181、RTSP/Onvif、RTMP等协议外，还支持海康Ehome、海康SDK、大华SDK等。在视频流输出上，可支持RTSP、WS-FLV、HTTP-FLV、HLS、WebRTC等视频格式。近期我们也发布了基于AI智能分析技术的EasyCVR平台+边缘AI硬件的安全生产智能化监管解决方案，可实现的功能有安全帽检测、防护服检测、烟火检测、室内通道堵塞检测、睡岗离岗检测等，欢迎关注我们了解。