html - the_content() wordpress 创建不需要的顶部空间

Question

我为这个基本问题道歉；一直试图自己解决这个问题，但仍然失败。

1) 每当我the_content()在 adiv或任何标记（如<h1>）中添加时，它都会在顶部创建一个空格；我尝试添加它包含margin:0; padding:0;的位置。markupthe_content()

2）添加remove_filter( 'the_content', 'wpautop' );到我的functions.php

想贴出源码，可惜太长了。但我想要的基本布局如下所示。我只想删除titlediv 和contentdiv 之间的空间。

HTML -----------------------------------------------------  
 <div id="main">
   <div id="title"> <?php the_author() ?> </div>

   <div id="content">  <?php the_content(); ?> </div>

 </div>

CSS -----------------------------------------------------

 #title {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    }
 #content {
    background:#dcdcdc;
    width:100%;
    padding:0;
    margin:0;
    }
 #content h1 {
    font-size:250%;
    text-transform:uppercase;
    padding:0;
    margin:0;
    }

结果如下所示：

编辑：

Answer 1

多余的空间必须是由额外的 P、BR、其他元素或边距或填充，或者导致边距错误的旧浏览器造成的。如果你能告诉我们哪个问题是罪魁祸首，你会为我们提供更多帮助。查看 HTML 页面的源代码。元素之间是否有额外的 P 或 BR？

如果没有，那么问题可能是 CSS 中的 !important 关键字覆盖了您自己的样式。