Html css框不滚动
我正在为我的兄弟建立一个网站,在主页上我应该制作一些css框,这些框应该与一个有多个相框的图像处于相同的位置。我已经好几年没有选择html和css了,我在放置框的时候遇到了问题,特别是因为如果我滚动,框就不会跟随。以下是我目前掌握的情况:Html css框不滚动,html,css,scroll,position,Html,Css,Scroll,Position,我正在为我的兄弟建立一个网站,在主页上我应该制作一些css框,这些框应该与一个有多个相框的图像处于相同的位置。我已经好几年没有选择html和css了,我在放置框的时候遇到了问题,特别是因为如果我滚动,框就不会跟随。以下是我目前掌握的情况: #包装器{ 身高:100%; 宽度:100%; 溢出:自动; 背景重复:无重复; 背景图片:url(images/fundo2.jpg); 背景尺寸:封面; 背景位置:顶部; } #标题包装{ 溢出:隐藏; 宽度:100%; 背景:252525; 文本对齐:
#包装器{
身高:100%;
宽度:100%;
溢出:自动;
背景重复:无重复;
背景图片:url(images/fundo2.jpg);
背景尺寸:封面;
背景位置:顶部;
}
#标题包装{
溢出:隐藏;
宽度:100%;
背景:252525;
文本对齐:居中;
}
#语言标志{
位置:相对位置;
边缘顶部:20px;
左边距:-20px;
宽度:100%;
高度:2倍;
文本对齐:右对齐;
}
#菜单{
溢出:可见;
背景:252525;
最小高度:30px;
最大高度:66px;
填充:2px;
}
#页面{
宽度:100%;
}
#内容{
溢出:可见;
宽度:100%;
身高:120%;
}
#linkone{
位置:绝对位置;
最高:50%;
左:27.2%;
宽度:14%;
身高:44%;
填充:1%;
背景:rgba(239,64,53,0.2);
}
#链接二{
位置:绝对位置;
最高:47.5%;
左:52%;
宽度:14.5%;
身高:30%;
填充:1%;
背景:rgba(239,64,53,0.2);
}
其他语言的位置
标题上的徽标
菜单在这里
我的方块尝试
第二次试跳
到#包装器
选择器添加位置:相对
#wrapper {
height: 100%;
width: 100%;
overflow: auto;
background-repeat: no-repeat;
background-image:url(images/fundo2.jpg);
background-size:cover;
background-position: top;
position: relative; /* add this line */
}
到#包装器
选择器添加位置:相对
#wrapper {
height: 100%;
width: 100%;
overflow: auto;
background-repeat: no-repeat;
background-image:url(images/fundo2.jpg);
background-size:cover;
background-position: top;
position: relative; /* add this line */
}
我会将它添加到
#content
中,否则您会遇到与现在相同的问题-它是相对于整个页面放置的,而不仅仅是图像。谢谢。。请记住@Pete在回答和回答问题时的评论,否则我会将其添加到#content
中,否则您会遇到与现在相同的问题-它是相对于整个页面而不是仅相对于图像放置的谢谢。。请记住@Pete在回答和回答问题时的评论绝对定位的元素是相对于最近定位的祖先定位的-因为你的链接和身体之间没有任何定位,链接是相对于主体定位的绝对定位元素是相对于最近定位的祖先定位的-由于链接和主体之间没有任何位置,因此链接是相对于主体定位的