blocks|key|4978645|text|如果你真的发布了一些代码或站点的链接，这会非常有帮助，但我会假设这只是默认的填充。大多数浏览器都有像body这样的默认样式，您可能希望清除这些样式。尝试如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4978646|html,+body{
+++padding:+0;
+++margin:+0;
}|code-block|syntax|javascript|4978647|如果这还不能解决问题，您将需要提供更多信息。|4978648|entityMap^0|1E|4|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

While it would be extremely helpful if you actually posted some code or a link to the site, I would assume it's just the default padding. Most browsers have default styles for things like <code>body</code> that you may want to clear. Try something like this:

<pre><code>html, body{
 padding: 0;
 margin: 0;
}
</code></pre>

If that doesn't fix it you'll need to give more information.

blocks|key|1292468|text|在没有看到任何东西的情况下，我想您要么需要清除body元素上的默认填充，要么在该div中有一个标题标记来添加一些额外的好处。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1292469|你在使用重置吗？http://meyerweb.com/eric/tools/css/reset/|offset|length|1292470|entityMap|0|LINK|mutability|MUTABLE|url|http://meyerweb.com/eric/tools/css/reset/^0|0|8|15|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

Without seeing anything I'd imagine you either need to clear the default padding on the body element or you have a heading tag in that div that is adding some extra goodness.

Are you using a reset? <a href="http://meyerweb.com/eric/tools/css/reset/" rel="nofollow">http://meyerweb.com/eric/tools/css/reset/</a>

blocks|key|1292533|text|如果页面是用包装器包装的，请使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1292534|+#wrap{
+++++margin:0+auto;
+++++padding:0
+}|code-block|syntax|javascript|1292535|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

if the page is wrapped with a wrapper, use:

<pre><code> #wrap{
 margin:0 auto;
 padding:0
 }
</code></pre>

blocks|key|2907679|text|再一次，一些背景将是很好的，但如果这些解决方案不能解决它，那么有一个很好的变化，你是崩溃的利润率的受害者。尝试将正文的overflow属性设置为auto|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2907680|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Once again, some context would be nice but if these solutions aren't cutting it, then there's a good change your a victim of collapsing margins. Try setting the overflow property of the body to auto

blocks|key|2907685|text|我也有同样的问题。浮动上面的div解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2907686|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I had the same problem. Floating the upper divs solved it.

blocks|key|1292609|text|我也有同样的问题。当我在div容器中添加了30px的填充时，这个问题就被修复了。我用过|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1292610|+++.top-container+{
+++++++padding-top:+30px;
++++}|code-block|syntax|javascript|1292611|我的问题发生在我在div中将一些图像设置为绝对位置(其位置为相对位置)之后。由于某种原因，这种差距出现了，但设置填充对我来说是有效的。|1292612|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I had the same problem. It was fixed when I added 30px of padding to my div container. I used 

<pre><code> .top-container {
 padding-top: 30px;
 }
</code></pre>

My problem happened after I set some images to an absolute position in my div (which had a position of relative.) For some reason that gap appeared, but setting the padding worked for me.

blocks|key|4978837|text|我知道这是9年前的事，但是...body+{+margin:0；}在标签之间键入，它应该起作用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4978838|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I know this is 9 years old but...
body { margin:0; }
type that in between the Tags and it should work

I'm sure the answer is obvious, but I haven't been working with html/css that much...

There is a gap of white space in between the top of the browser and the first div. I don't really get why the gap is there. I didn't use margin-top or padding-top or border-top in the css, so why is there a gap?

Thanks!

Why is there a gap on the top of my webpage?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我相信答案是显而易见的，但我并没有太多地使用html/css ...在浏览器顶部和第一个div之间有一个空白区域。我真的不明白为什么会有差距。我没有在css中使用边距顶部、填充顶部或边框顶部，那么为什么会有差距呢？谢谢!

问为什么我的网页顶部会有一个空隙？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的网页顶部会有一个空隙？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的网页顶部会有一个空隙？
EN