gpt4 book ai didi

HTML/Body 没有封装整个高度

转载 作者:太空狗 更新时间:2023-10-29 12:35:16 25 4
gpt4 key购买 nike

这是创建全尺寸网页的快速模型,但是每当我测试它时,屏幕顶部都会出现一小块空间。

我怎样才能摆脱顶部的这个小空间?

HTML

<body>
<div id="container">
<header id="header">
<div class="header_container">
<h1 class="header_logo">Blog</h1>
<nav class="menu_nav">
</nav>
</div>
</header>
</div>
</body>

CSS

body,html {
margin: 0;
height: 100%;
}

#container{
height: 100%;
width: 100%;
background-color: orange;
}

#header {
width: 100%;
height: 80px;
background-color: green;
}

.header_container{
margin-left: 50px;
margin-right: 50px;
}

最佳答案

这是由 h1 顶部的边距引起的。

要解决此问题,请为标题赋予 overflow:hidden 属性以使标题更高,或者使用 margin-top:0 移除 h1 的边距.

JSFiddle:http://jsfiddle.net/jdwire/8QV4f/

关于HTML/Body 没有封装整个高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19145070/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com