Question

好的，我有两个问题。一个是每当我尝试做位置时：固定;在.header上它会在标题的底部添加空格，它会使.main-content落在标题的后面，并且还会在标题的顶部添加边距。另一个问题是，当我没有固定位置时，标题和主要内容之间存在空间，并且由于某种原因，如果我在主要内容上放置边框，则空间不存在。我查看并查看了我的代码，试图找出它的错误，我似乎无法找到任何东西。谢谢你的帮助！

＆＃13;

42 4D
E0 01 00 00
00 00
00 00
7A 00 00 00

28 00 00 00
28 00 00 00
28 00 00 00
01 00
08 00

01 00 00 00
66 01 00 00
10 17 00 00
10 17 00 00
11 00 00 00
11 00 00 00

05 00 02 00
05 09 07 00
18 11 10 00
1F 21 20 00
39 32 31 00
46 3E 3D 00
6E 67 5F 00
7E 77 6F 00
91 8D 83 00
96 95 89 00
BA B2 A7 00
D3 C4 BA 00
F2 DE CE 00
ED E3 C6 00
FF E7 CB 00
FE EC CF 00
FF FF FF 00

28 0E 00 00 28 0E 00 00 28 0E 00 00 28 0E 00 00 28 0E 00 00
28 0E 00 00 28 0E 00 00 28 0E 00 00 28 0E 00 00 17 0E 01 09
01 02 0F 0E 00 00 16 0E 00 03 05 02 02 00 0F 0E 00 00 15 0E
00 04 02 00 00 02 0F 0E 00 00 13 0E 00 06 09 00 00 00 02 02 ...

＆＃13;

/***********************************
          LOGO
***********************************/
.header{
background-color: skyblue;
margin:0;
padding:0;
width: 100%;
}
.logo{
text-align: left;
display: block;
margin:0 15px 0px 15px;
}
#logo-large{
display: inline;
font-size: 3em;
font-weight: 200%;
font-family: 'Dosis' , sans-serif;
}
#logo-small{
display: inline;
font-weight:0;
font-size: 2.5em;
font-family: 'Dosis' ,sans-serif;
}
/************************************
           NAVIGATION
************************************/
nav ul{
list-style-type:none;
/****display: block;
padding: 5px;
margin: 5px;
text-align: center;****/
}
nav{
display:inline;
float: right;
}
nav ul li{
display: inline-block;
padding: 5px 0px;
margin: 0;
}
nav ul li a{
text-decoration: none;
padding:20px 12px 12px 12px;
color:black;
font-family: 'Muli', sans-serif;
font-size: 1.25em;
}
nav ul li a:active, nav ul li a:hover{
background-color: deepskyblue;
color: white;
}
/*************************************
           main content
*************************************/
.main-content{
background-color: grey;
font-family: 'Muli', sans-serif;
margin:0;
padding:10px;
border: 1px solid black;
}
body{
margin:0;
padding:0;
}

＆＃13;

Answer 1

现在只需添加到此css 定义您的.header position :fixed并定义body padding-top:65px;

 .header{
        position: fixed;
        left:0;
        right:0;
        top:0;
    }
    html body {
     padding-top: 65px;
    }

固定位置标题重叠

1 个答案: