从 Customizr 主题的网页中删除上边距

Question

我是 WordPress 新手。 我在 Customizr-Child 主题上运行我的网站（使用 Child Themify 插件http://wordpress.org/plugins/child-themify/）。 当我尝试在网页中编写 html 代码时，页面顶部似乎有不必要的边距，例如。 http://www.resourcematics.com/ag-tool/ 我想去掉这个上边距。

My Child 主题外观 > 编辑器选项卡只有 style.css 文件。

谁能指导我如何解决这个问题！ 提前致谢， Ankit

Answer 1

首先确保通过在其顶部添加此代码来重置您的 css 代码

* {
   margin : 0;
   padding: 0;
}

如果您这样做了，并且边距仍然存在，请确保代码顶部没有任何 <h1> 或 <h2> ，因为它们的默认边距看起来像 body margin-顶

如果有任何尝试为他们创建一个类，例如 title 然后将其添加到您的 css 文件中

.title {
   margin : 0;
   padding: 0;
}

Answer 2

它实际上不是边距而是边框。

 .tc-header {  
border-bottom: 10px solid #e9eaee;
border-top: 5px solid #27cda5;
}

Answer 3

[编辑]

因此，鉴于对问题的澄清，这是我通过打开浏览器开发人员检查器工具发现的。查看内容容器中生成的 HTML：

<div class="entry-content">
    <p>
        <br><br><br>
        <meta charset="utf-8">
        <!-- P tag with line break BR tags and meta tag -->
    </p>

    <p>
        <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"><br>
        <script src="https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js"></script>
        <!-- P tag with meta tag and script tag -->
    </p>
    <link href="https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css" rel="stylesheet">
    <style>
        body { margin:0; padding:0; }
        .map-info { font-size: 20px; }
        #map { position: relative; width: 100%; height: 500px; }
    </style>

    <p>
        <br>
        <!-- P tag with line break BR tag -->
    </p>

    <div>
        Our GIS based agriculture water demand model is of 5 X 5 arc minutes (approximately 9 X 9   kilometres at the equator) resolution.
    </div>

    <p>
        Following maps show <b>area irrigated by country in hectares around year 2010</b>. The map was developed based on <a href="http://www.uni-frankfurt.de/45218039/Global_Irrigation_Map">Siebert <i>et. al.</i>, 2005</a> and Resourcematics’ Agriculture Water Model
    </p>
</div>

对此我们可以得出什么结论？很简单。

1. P 标签：浏览器会自动在每个 P 标签元素前后添加一些空格（边距）。 Source

2. BR 标签（在 P 标签内）：几乎不言自明。添加换行符。

3. 生成地图的插件：该插件似乎直接在您的内容容器。他通过将其内容包含在我们前面提到的 P 标签中来做到这一点（这是一个很大的猜测，但似乎是合理的）。

解决方案：

• 如果我是你，我会先检查你是否不小心添加了 在主文本之前的 WYSIWYG 编辑器中不必要的换行符。
• 我会考虑使用和测试其他地图插件和 看看能不能解决问题。