如何在HTML小工具/小工具下面创建空间,使其位于标题和主博客文章之间?
问题描述:
我用Cincopa为我的博客创建了一个全屏宽度的图像滑块。我用这个代码:如何在HTML小工具/小工具下面创建空间,使其位于标题和主博客文章之间?
#HTML4 {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
但是,如果您密切关注,仍有在双方的白色空间。这意味着它不是一个真正的全屏幕标题。由于我知道固定位置不可行,而且我希望能够滚动过去,所以我使用了绝对位置。
#HTML4 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
但是,它看起来像这样 - 在我的主博客和侧边栏后面。
所以我改变了Z-指数,仍然,它重叠我的主要职位。但是,这一次,它位于我的主要帖子的前面/后面,而不是后面。
有关滑块的一切已经很完美了 - 它是交互式的,它是全屏等。但是,无论我尝试改变新代码的顶部和底部,它都不会向上预算。我希望滑块位于我的标题和侧边栏+主要博客文章正文之间,而不必将我的主要博客文章正文和侧栏一直向下移动。是的,我知道我应该做相对位置要做到这一点的,但你可以看到,当我提出的相对位置,滑块小部件不会成为全屏幕。只有当该位置被设置为绝对的,它变成全屏然而,作为一个绝对位置,它与重叠的,而不是有足够的空间一样,主推柱和侧栏我的博客的主要岗位和侧边栏,当位置被设置为相对时,就像下降一样。
我该如何补救?我的目标是建立一个全屏幕图像滑块,这意味着HTML4不应该有任何的侧边缘,但它也应该相对如此定位您可以滚动过去吧,等
谢谢如果有的话!
答
您可以添加更多的代码的问题?
顺便说一句试试
position:relative;
在侧边栏中
..
但是,如果你添加更多的代码,以可视化将不胜感激。