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

Question

对于这个基本问题，我深表歉意；一直试图自己解决这个问题，但仍然失败。

1) 每当我添加 the_content()在 div 里面或任何标记，如 <h1 >，它在顶部创建一个空间；我试过添加 margin:0; padding:0;在 markup 上其中包含 the_content() .

2) 添加了 remove_filter( 'the_content', 'wpautop' );在我的 functions.php 上

我喜欢发布源代码，但它太长了。但我想要的基本布局如下所示。我只想删除 title 之间的空格div 和 content分区

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 关键字覆盖了您自己的样式。