H5 锚点导致高度不正常

  • A+
所属分类:CSS3

在h5中可以利用锚点定位文章片段,但在有时候定位会导致文章距离浮动导航条的高度显示不正常。

可以使用css3中的 target属性来解决:

   target:突出显示活动的html锚。代码如下:

 p:target
 {
     border: 2px solid #D4D4D4;
     background-color: #e5eecc;
     padding-top:20px;
 }

target的兼容性:

     不支持IE8及以下的IE版本,IE9支持这个属性,其它非IE内核浏览器如:Firefox、Chrome、等这些浏览器都支持

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: