Html 从自定义主题中删除上边距'；s网页

我是WordPress的新手。 我在Customizer儿童主题上运行我的网站（使用儿童主题化插件）。 当我试图在网页中编写html代码时，页面顶部似乎有不必要的空白，例如。 我想去掉这个最高利润率

“我的子主题外观”>“编辑器”选项卡只有style.css文件

有人能告诉我如何解决这个问题吗！ 提前感谢,，

---

Ankit

首先，请确保通过在css代码顶部添加此代码来重置css代码

* {
   margin : 0;
   padding: 0;
}

如果您这样做了，并且页边距仍然存在，请确保代码顶部没有任何

或

，因为它们具有默认页边距，看起来像是

正文

页边距顶部

如果有，请尝试为他们创建一个类，例如

title

然后将其添加到css文件中

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

---

它实际上不是一个边缘，而是一个边界

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

[编辑]

因此，鉴于对这个问题的澄清，下面是我通过打开浏览器开发者检查器工具发现的。查看内容容器中生成的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>

正文{margin:0；padding:0；}
.map信息{字体大小：20px；}
#地图{位置：相对；宽度：100%；高度：500px；}




我们基于GIS的农业需水量模型分辨率为5 X 5弧分（赤道约9 X 9公里）。

以下地图显示了2010年左右国家灌溉面积（单位：公顷）。该地图是根据美国农业和资源管理局的农业用水模型绘制的

对此我们能得出什么结论？简单

p标记：浏览器会在每个p标记元素前后自动添加一些空格（边距）

BR标签（p标签内部）：几乎不言自明。添加换行符

生成地图的插件：该插件似乎将所有脚本、css和响应元（就像在html页面的标题部分）直接添加到内容容器中。他将其内容包含在前面提到的P标签中（这是一个很大的猜测，但似乎有道理）

解决方案：

• 如果我是你，我会先检查你是否无意中补充说 在所见即所得编辑器中，在主文本之前出现不必要的换行符
我会考虑使用和测试其他的地图插件。 看看它是否解决了问题

---

您是指顶部的全宽绿色条吗？谢谢。不，我指的是页面标题“Ag工具”和正文之间的空间“……我们基于GIS的农业用水需求……”哦，好的，我明白了。感谢您澄清问题，他正在使用WordPress，因此这将不起作用。无论如何，该主题应该内置CSS重置。您必须使用浏览器，找出导致此情况发生的属性并进行更改。谢谢。不，我指的是页面标题“Ag tool”和正文文本“……我们基于GIS的农业用水需求……”之间的空格@Ankit只是根据新的规范编辑了我的帖子。如果有必要的话，请联系我澄清。我的html代码在中运行良好（顶部没有任何空格）。在Firefox中使用Firebug之后，我会关注您。我可以删除Firebug中的P标签和BR标签，并且似乎可以通过删除页面的上边距来处理网页。但我不知道，如何在实际的wordpress网站上做到这一点。提前谢谢。正如我所说，我怀疑是地图插件导致了这个问题。您需要登录到wordpress的管理面板并尝试其他地图插件。当然，这取决于您使用的是插件还是地图代码直接粘贴在文本编辑器中。谢谢。我已经将html代码直接粘贴到网页的文本编辑器中。地图插件不太可能引起问题，因为代码在在线html编辑器中运行良好。上页边距仅显示在网页中。所以我猜，这是WordPress的网页模板。我也尝试过在不同的WordPress主题中使用相同的网页（例如，2122、213），但仍保留了页边空白。谢谢，谢谢。不，我指的是页面标题“Ag工具”和正文之间的空间“……我们基于GIS的农业用水需求……”