Html 绝对位置不在页面块中工作

Html 绝对位置不在页面块中工作,html,css,Html,Css,我正在尝试将徽标放置在块内,并已将徽标设置为位于块的右侧和顶部。但是,徽标位于页面的最右侧,而不是分区块本身。任何帮助都会很好 正文{ 背景:rgb(204204204); } img{ 宽度:150px; } .标志{ 右:0px; 顶部:10px; 位置:绝对位置; 显示:块; } 部分{ 背景:白色; 显示:块; 保证金:0自动; 边缘底部:0.5cm; 盒影:0.5cm rgba(0,0,0,0.5); } 节[size=“A4”]{ 宽度:21cm; 身高:29.7厘米; } @媒体

我正在尝试将徽标放置在
块内,并已将徽标设置为位于
块的右侧和顶部。但是,徽标位于页面的最右侧,而不是分区块本身。任何帮助都会很好

正文{
背景:rgb(204204204);
}
img{
宽度:150px;
}
.标志{
右:0px;
顶部:10px;
位置:绝对位置;
显示:块;
}
部分{
背景:白色;
显示:块;
保证金:0自动;
边缘底部:0.5cm;
盒影:0.5cm rgba(0,0,0,0.5);
}
节[size=“A4”]{
宽度:21cm;
身高:29.7厘米;
}
@媒体印刷品{
身体,
部分{
保证金:0;
盒影:0;
}
}

只需给出截面元素
位置:相对

正文{
背景:rgb(204204204);
}
img{
宽度:150px;
}
.标志{
右:0px;
顶部:10px;
位置:绝对位置;
显示:块;
}
部分{
背景:白色;
显示:块;
保证金:0自动;
边缘底部:0.5cm;
盒影:0.5cm rgba(0,0,0,0.5);
}
节[size=“A4”]{
宽度:21cm;
身高:29.7厘米;
位置:相对位置;
}
@媒体印刷品{
身体,
部分{
保证金:0;
盒影:0;
}
}