Html 新内容迫使网站处于顶部-存在一些基本布局问题-

Html 新内容迫使网站处于顶部-存在一些基本布局问题-,html,css,layout,Html,Css,Layout,我在网站上做过几次,但这是我第一次尝试制作宽度为100%的网站。我真的很喜欢这个网站的外观,而不是在一个固定宽度的包装中,但现在我有各种基本的布局问题 我正在尝试制作一个布局,在顶部有一个100%宽度的幻灯片放映。在幻灯片中,我将网站徽标和导航栏放置在滑块上方。我把幻灯片变成绝对的,导航栏和标志变成相对的。到目前为止没有问题。现在我想开始在滑块下方添加内容。当我尝试添加下一个div时,该div将在幻灯片后面的屏幕顶部启动。我注意到这与幻灯片的绝对位置有关,因为当我删除它时,幻灯片会回到屏幕底部

我在网站上做过几次,但这是我第一次尝试制作宽度为100%的网站。我真的很喜欢这个网站的外观,而不是在一个固定宽度的包装中,但现在我有各种基本的布局问题

我正在尝试制作一个布局,在顶部有一个100%宽度的幻灯片放映。在幻灯片中,我将网站徽标和导航栏放置在滑块上方。我把幻灯片变成绝对的,导航栏和标志变成相对的。到目前为止没有问题。现在我想开始在滑块下方添加内容。当我尝试添加下一个div时,该div将在幻灯片后面的屏幕顶部启动。我注意到这与幻灯片的绝对位置有关,因为当我删除它时,幻灯片会回到屏幕底部

如何在滑块下方添加更多内容,并在滑块内部添加背景图像


不太清楚你的问题是什么。您是否在询问如何将背景图像添加到div?为什么您需要绝对定位幻灯片?根据你的JS提琴,很难说移除绝对定位会把事情搞得一团糟。

你的提琴有点乱,可能是因为所有丢失的图像。为了使内容更直观,您可以为每个元素添加特定的背景色,这总是有助于我更好地了解我在编写页面时所处的位置。