EasyCVR可在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，实现视频资源的鉴权管理、按需调阅、全网分发、智能分析等。平台可提供视频监控直播、云端录像、云存储、录像检索与回看、智能告警、平台级联、集群、电子地图、H.265视频自动转码、智能分析等视频能力与服务。
近期我们对EasyCVR的视频广场左侧列表样式进行了优化。有用户反馈，在项目现场，平台的视频广场左侧列表样式出现了错乱显示不全的现象。技术人员立即进行了排查。
查看项目发现，是因为在左侧列表中出现了多层级联的嵌套导致样式的异常。因为样式的总宽度是确定的，但是每一层级联后，下一层都会在上一层的后面一点。
如上图，最终因为五六层或者多层导致中间通道名称所能占据的宽度越来越小，从而导致错位现象。通过优化各个元素的排列方式，使代码更加清晰：
再增加样式： overflow: visible;
这样，左侧列表下方可以通过移动的方式使其显示全，且不会样式错乱。
扫描二维码关注公众号，回复：
15054545 查看本文章
