Html 幻灯片开头和主页之间的差距过大
我正试图为我的网站建立一个水平视差卷轴。然而,我最终在幻灯片的开头和主页文本的开头之间出现了很大的差距。我试过将padding设置为0,margin设置为0,但都没有用。有什么想法吗?下面是一个屏幕截图来说明我的意思: HTML: 网站:andrewgu12.kodingen.comHtml 幻灯片开头和主页之间的差距过大,html,css,horizontal-scrolling,Html,Css,Horizontal Scrolling,我正试图为我的网站建立一个水平视差卷轴。然而,我最终在幻灯片的开头和主页文本的开头之间出现了很大的差距。我试过将padding设置为0,margin设置为0,但都没有用。有什么想法吗?下面是一个屏幕截图来说明我的意思: HTML: 网站:andrewgu12.kodingen.com 谢谢 如果在header类中添加float:left,则会修复它 div#header { color: #FFFFFF; float: left; margin: 0 auto; padding: 0; pos
谢谢 如果在header类中添加float:left,则会修复它
div#header {
color: #FFFFFF;
float: left;
margin: 0 auto;
padding: 0;
position: relative;
top: 0;
width: 960px;
}我引用了正文上的文本,其中浅蓝色区域不是我的菜单栏。我的问题没有说得那么清楚,我将添加一个屏幕截图来说明我的意思。
div#transition-slide-container {
background: #bee1ff;
padding-top: 128px;
padding-bottom: 50px;
height: 900px;
min-width: 400%;
z-index: -1;
float: left;
position: relative;
}
div#transition-slide {
white-space: nowrap;
}
.slide {
display: inline-block;
width: 1620px;
margin: 0 auto;
}
div#inner-container {
width: 1024px;
margin: 0 auto;
padding: 0;
}
div#header {
color: #FFFFFF;
float: left;
margin: 0 auto;
padding: 0;
position: relative;
top: 0;
width: 960px;