所以我的导航栏顶部溢出了其他任何东西.我希望我的标题图像连接到它下面但滚动时不跟随导航栏,只是保持原样.这是一张图片,展示我正在处理的事情:
我想消除导航栏和标题之间的空格.
这是我的css:
.wrapper {
width: 100%;
overflow: hidden;
}
.container {
width: 100%;
margin: 0 auto;
}
.banner-img {
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
这是我的HTML:
<div id="wrapper">
<div id="container">
<a><img class="banner-img" src="images/banner.png"/>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的导航栏:
CSS:
ul.nav {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
position: fixed;
top: 0;
width: 100%;
}
ul.nav-right {
float:right;
list-style-type:none;
}
li.nav {
float: left; /* Slides each element next to each other */
}
li.nav a {
display: block;
color: white; …Run Code Online (Sandbox Code Playgroud)