gpt4 book ai didi

html - 页眉未填满主体的整个宽度或顶部

转载 作者:太空宇宙 更新时间:2023-11-04 11:44:31 25 4
gpt4 key购买 nike

我遇到的一个随机问题,我确信这是我的一个无聊的问题。我的页眉没有填充到屏幕的顶部或左/右部分,并且在这些区域中为正文留出了一点空间。我为 header 内的元素提供了填充和边距,但试图最大 header 大小无济于事。知道我可能遗漏了什么吗?

谢谢!

HTML:

<body>
<header>
<a href="index.html" id="logo">
<img src="img/logo.png">
</a>
</body>

CSS:

*{
boz-sizing: border-box;
}

body{

font-family: 'Open Sans', Tahoma, sans-serif;
max-width: 100%;
background-color: #5F5E5E;
}

/***************
HEADING
****************/

header{
float: left;
margin: 0 0 15px 0;
padding: 5px 0 -60px 0;
min-width: 100%;
width: 100%;
}

#logo {
margin: 5px 0 0 70px;
padding-top: 7px;
padding-left: 50px;
display: inline-block;
max-width: 100%;
}

最佳答案

您需要重置浏览器的默认边距设置:

*{
margin: 0;
}

DEMO

注意:boz-sizing 也应该是 box-sizing ;)

关于html - 页眉未填满主体的整个宽度或顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31092645/

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