如何在HTML小工具/小工具下面创建空间,使其位于标题和主博客文章之间?

问题描述:

我用Cincopa为我的博客创建了一个全屏宽度的图像滑块。我用这个代码:如何在HTML小工具/小工具下面创建空间,使其位于标题和主博客文章之间?

#HTML4 { 
    position: relative; 
    top: 0; 
     right: 0; 
     bottom: 0; 
     left: 0; 


} 

所以它结束了看起来像这样: image of their issue #1

但是,如果您密切关注,仍有在双方的白色空间。这意味着它不是一个真正的全屏幕标题。由于我知道固定位置不可行,而且我希望能够滚动过去,所以我使用了绝对位置。

#HTML4 { 
position: absolute; 
top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 


} 

但是,它看起来像这样 - 在我的主博客和侧边栏后面。

image of their issue #2

所以我改变了Z-指数,仍然,它重叠我的主要职位。但是,这一次,它位于我的主要帖子的前面/后面,而不是后面。

有关滑块的一切已经很完美了 - 它是交互式的,它是全屏等。但是,无论我尝试改变新代码的顶部和底部,它都不会向上预算。我希望滑块位于我的标题和侧边栏+主要博客文章正文之间,而不必将我的主要博客文章正文和侧栏一直向下移动。是的,我知道我应该做相对位置要做到这一点的,但你可以看到,当我提出的相对位置,滑块小部件不会成为全屏幕。只有当该位置被设置为绝对的,它变成全屏然而,作为一个绝对位置,它与重叠的,而不是有足够的空间一样,主推柱和侧栏我的博客的主要岗位和侧边栏,当位置被设置为相对时,就像下降一样。

我该如何补救?我的目标是建立一个全屏幕图像滑块,这意味着HTML4不应该有任何的侧边缘,但它也应该相对如此定位您可以滚动过去吧,等

谢谢如果有的话!

您可以添加更多的代码的问题?

顺便说一句试试

position:relative; 
在侧边栏中

..

但是,如果你添加更多的代码,以可视化将不胜感激。