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

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

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

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

height会自动添加到<h>标记中

1 个答案: