css - Chrome中css的div上方的差距

Question

我们在 chrome 中遇到了一个问题，即 div 不会位于页面顶部。

这是页面http://beektest.co/s27

问题来自http://gms.beektest.co/resources/css/leanorama.css（至少如果我删除这个 css 文件，Flash div 位于页面顶部。

任何人都可以看到任何明显的原因吗？

Answer 1

如何将您自己的自定义 css 添加到选择器中，如下所示：

::before,
::after {
    content: "";
    display: block;
    height: 0px;
    line-height: 0px;
}

基本上，我们将 css 生成的内容的高度设为零。

Answer 2

从leanorama.css（第21行）中删除以下内容似乎可以解决这个问题：

::before,
::after {
  content: "";
}

Answer 3

在你的 CSS 中line-height: 0;

CSS：

* {
  margin: 0;
  padding: 0;
  line-height: 0;
}