javascript - height 是自己添加到 标签中的

Question

我的原始代码是

<h4 class="orange2" ><a href="<?php echo base_url();?>v/<?php echo $this->uri->segment(3);?>/<?php echo $v['uniq'];?>"><?php echo trim(strip_tags($v['video_name']));?> </a></h4>

orange2 的

CSS 是

.orange2{font-family: 'Open Sans', sans-serif;font-weight:600;font-size:13px;color:#ef9950;margin:10px;}

当我在 H4 上检查元素后打开代码时
然后在 chrome 代码是

<h4 class="orange2" style="height: 227px;"><a href="http://allvideolectures.com/v/o2355Um7qD/Martial-Arts-Weapons-Training-Kama-Techniques-in-Martial-Arts">Martial Arts Weapons Training : Kama Techniques in Martial Arts </a></h4>

在 mozilla 上是

<h4 class="orange2" style="height: 286px;"><a href="http://allvideolectures.com/v/o2355Um7qD/Martial-Arts-Weapons-Training-History-of-the-Kama-in-the-Martial-Arts">Martial Arts Weapons Training : History of the Kama in the Martial Arts </a>

我不知道这个高度是从哪里加上的
这在 Mozilla 上造成了问题 Link is here当您尝试悬停在任何图像上

Answer 1

根据您在问题中链接的页面，有一个动态更改 h4.orange2 元素高度的 JS 代码:

var maxHeight = 0;
$("h4.orange2").each(function(){
   if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});
$("h4.orange2").height(maxHeight);

这似乎是您问题的根本原因。