HTML 显示

在不同浏览器上相同标签会有不一样的显示，不过绝大部分还是遵循w3c的标准。

下面来说一说工作中实际遇到的一个小问题；

写的一个页面在绝大部分浏览器上面显示都是正常的理想的效果，但是在进行生产是对页面进行再电视显示器上进行投屏，却出现意外的显示，显示器是用的UC浏览器，改过像素，弄过定位，等都不能解决（崩溃的感觉），后来在一个前辈的指导下才改正过来。

具体是什么情况呢？

首先

<div>

   <div></div>

  <span></span>

   <a></a>

</div>

问题部分代码简化就是这个样子，父元素是用的fixed 弹性盒子的模式

出现的问题是span 标签在电视上的投屏效果不显示，不管是定位还是背景样式显示都不理想，造成整体效果不美观，

解决方案：

<div>

   <span></span>

  <span></span>

   <a></a>

</div>

在一个块级元素中，对于块和行元素混合使用，在某些情况下会造成显示效果不理想！

谨记