Css 在某些情况下,不尊重线条高度

Css 在某些情况下,不尊重线条高度,css,Css,以下是用于重现我的问题的html: 折叠版本中似乎缺少您的doctype。尝试在html标记之前添加以下内容: <!DOCTYPE html> 任何人都很难回答这个问题,因为我们不知道还有什么其他可能的因素会影响该分区。你有到实际站点的链接吗?@Orion我已经特别提供了独立/最少的代码,你可以在此时此刻测试以重现我的问题。红色和绿色框看起来与我网站上的情况完全不同,但却是根本问题。代码段只包含HTML,JS脚本只使用2个具有内联样式的HTML元素替换页面。这就是问题所在。那个

以下是用于重现我的问题的html:


折叠版本中似乎缺少您的doctype。尝试在html标记之前添加以下内容:

<!DOCTYPE html>


任何人都很难回答这个问题,因为我们不知道还有什么其他可能的因素会影响该分区。你有到实际站点的链接吗?@Orion我已经特别提供了独立/最少的代码,你可以在此时此刻测试以重现我的问题。红色和绿色框看起来与我网站上的情况完全不同,但却是根本问题。代码段只包含HTML,JS脚本只使用2个具有内联样式的HTML元素替换页面。这就是问题所在。那个代码片段不是真空存在的。在你的网站上有很多其他因素可能会导致你的问题。破解代码的方法不止一种。我希望我错了,有人会给出答案。@Orion我不明白你在说什么。我提供的代码是非常孤立的。javascript替换HTML页面的全部内容,并插入2个DIV元素。没有外部样式引用或修改它们——只有内联样式。是的,但在您的网站上不是这样,是吗?也就是说,你的网站上被破坏的代码不是孤立的,所以你的网站上可能有导致问题的东西。这很奇怪,这修复了问题。。。你知道为什么吗?然而,它并没有解决我的网站(已经包含doctype减速)中的问题。可能是因为你网站上的其他东西破坏了你的代码。您的独立代码中不存在的内容。这就是为什么独立代码并不总是有用的原因。缺少doctype会使浏览器在怪癖模式下运行(与旧浏览器向后兼容)这是否意味着较旧的浏览器不支持行高内容?实现是不同的-因此折叠:-)注释的小编辑-它应该与为较旧的浏览器实现编写的代码向后兼容。