Html 出现在文本段落中时DIV上方的空格（工具提示）

我有一个问题，当插入文本之间时，div上方出现空白。我试过使用边距和填充的方法，但没有成功。我想这一定是一个相当普遍的问题，但我似乎找不到答案。这是一个例子

div.disease{
背景色：rgba（29,29,29,0.9）；
位置：绝对位置；
显示：无；
填充：0 10px 10px 10px；
z指数：1000000；
颜色：白色；
字体大小：13px；
}
悬停{
光标：指针；
颜色：#666；
显示：内联块；
}
div.hover：悬停div.been{
显示：块；
}

---

对于什么时候短篇小说太长没有确切的定义，因此中篇小说是一篇比短篇小说长，但不足以成为小说的文本。或者说一部中篇小说是一部比较长的小说。我们通常称之为“一本书”。另一方面，太短，仅仅成为一个轶事轶事是一个短篇故事，不适合这种类型，但我们在课程中使用的大多数短篇故事都不到十页

您不应该将div放入

标记中。如果你看看你用开发者工具做了什么，你会发现Chrome在单词“Thouse”后面插入了一个

标记，这就是填充/边距的来源

只需制作所有的

标签

标签即可

<p>There is no exact definition on when a short story is too long, 
thus a<span class="hover">novella<span class="appear">A novella is a 
text that is longer than a short story, but not quite long enough to be 
a novel.</span></span> or a <span class="hover">novel<span 
class="appear">A novel is relatively long piece of fiction. What we 
often refer to as "a book".</span></span> on the other hand too short, 
becoming merely an <span class="hover">anecdote<span class="appear">an 
anecdote is a short tale</span></span>, to fit into the genre, but most 
short stories that we work with in the lessons are less than ten pages.

对于短篇小说的长度没有确切的定义，
因此，阿诺维拉中篇小说是一部伟大的作品
比一篇短篇小说长，但不够长的文本
一本小说。或者说一部中篇小说是一部比较长的小说。我们
通常被称为“一本书”。另一方面太短了，
仅仅成为一个轶事
奇闻轶事是一个短篇故事，适合这一类型，但大多数
我们在课堂上讲的短篇故事不到十页。

这是因为您使用了不正确的HTML标记

• 不要在

• 默认情况下，
  是

  display:block

  ，因此它们将尝试在整个视图中展开

使用不修改布局的

代替单词和工具提示的

：

。出现{
背景色：rgba（29,29,29,0.9）；
位置：绝对位置；
显示：无；
填充：0 10px 10px 10px；
z指数：1000000；
颜色：白色；
字体大小：13px；
}
.悬停{
光标：指针；
颜色：#666；
显示：内联块；
}
。悬停：悬停。显示{
显示：块；
}

对于什么时候短篇小说太长没有确切的定义，因此
中篇小说
中篇小说是比短篇小说长，但不足以成为小说的文本。
或者
小说
小说是一部相对较长的小说。我们通常称之为“一本书”。
另一方面，它太短了，仅仅成为一个
轶事
轶事是一个短篇故事
，以适合该类型，但我们在课程中使用的大多数短篇故事都少于十页。

您的JSFIDLE链接不工作。请修改it@BirhanNega这就是OP的观点，不是吗？：）我是新来的。链接的事情让我很困惑。但是如果你复制粘贴url，它不工作吗？@micks88 Stackoverflow有内置的代码片段。我用你的小提琴制作了一个，因为它们比外部链接更可取。如果我这样做，悬停效果就会消失。（即使在css中从名称中删除div）Ok。但我建议无论如何不要这样做工具提示。对于这样的事情，有更好的解决方案。也许可以试试这样的：不用担心：）很高兴我能帮上忙