Html 为什么retour div不在右下角?
div retour过去在屏幕的右下角,但当我添加另一个div时,它就消失了。我想尽了一切办法,但都没用。我认为,在绝对位置下,它无法移动Html 为什么retour div不在右下角?,html,css,Html,Css,div retour过去在屏幕的右下角,但当我添加另一个div时,它就消失了。我想尽了一切办法,但都没用。我认为,在绝对位置下,它无法移动 .retour { display: inline-block; text-align: right; font-size: 30px; position: relative; bottom: 0; right: 0; margin: 20px; } .retour a { background: black; bo
.retour {
display: inline-block;
text-align: right;
font-size: 30px;
position: relative;
bottom: 0;
right: 0;
margin: 20px;
}
.retour a {
background: black;
border: 1px solid grey;
border-radius: 7px;
color: white;
text-decoration: none;
opacity: 0.75;
font-family: impact;
padding: 14px;
}
<div class="retour">
<a href="../index.html">Retour</a>
</div>
<div class="soundcloud">
<iframe width= 50% src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/335992324&
color=#9cb4b6;
auto_play=true;
hide_related=false&
show_comments=true&
show_user=true&
show_reposts=false">
</div>
.retour{
显示:内联块;
文本对齐:右对齐;
字体大小:30px;
位置:相对位置;
底部:0;
右:0;
利润率:20px;
}
拉图尔先生{
背景:黑色;
边框:1px纯灰;
边界半径:7px;
颜色:白色;
文字装饰:无;
不透明度:0.75;
字体系列:影响;
填充:14px;
}
只有当元素绝对定位(
位置:绝对
)或具有固定位置(位置:固定
)时,才可以通过右侧
、左侧
、顶部
和底部
属性定位元素。我想您想要的是位置:绝对
,因此这里有一个示例(它不在角落里,因为您指定了边距:20px
):
.retour{
显示:内联块;
文本对齐:右对齐;
字体大小:30px;
位置:绝对位置;
底部:0;
右:0;
利润率:20px;
}
拉图尔先生{
背景:黑色;
边框:1px纯灰;
边界半径:7px;
颜色:白色;
文字装饰:无;
不透明度:0.75;
字体系列:影响;
填充:14px;
}
只有当元素绝对定位(
位置:绝对
)或具有固定位置(位置:固定
)时,才能通过右侧
、左侧
、顶部
和底部
属性定位元素。我想您想要的是位置:绝对
,因此这里有一个示例(它不在角落里,因为您指定了边距:20px
):
.retour{
显示:内联块;
文本对齐:右对齐;
字体大小:30px;
位置:绝对位置;
底部:0;
右:0;
利润率:20px;
}
拉图尔先生{
背景:黑色;
边框:1px纯灰;
边界半径:7px;
颜色:白色;
文字装饰:无;
不透明度:0.75;
字体系列:影响;
填充:14px;
}
请包含您页面中的相关HTML,以便我们可以看到您正在谈论的内容……位置:相对代码>->位置:绝对位置
是否试图将retour
div定位在其他元素的右下角?或者窗口?请包含您页面中的相关HTML,以便我们可以看到您正在谈论的内容…position:relative代码>->位置:绝对位置
是否试图将retour
div定位在其他元素的右下角?还是窗口?这正是我所做的,在问题发生后,我将位置从绝对位置更改为相对位置,并忘记将其更改回来。至于利润,我知道我希望它是20像素从右边和底部的屏幕它工作之前,我添加了一个iframe,然后它disappeared@Cl艾门科林,我不能不看你的密码就说什么我编辑了这个问题。我发现了一件事:如果页面大小和窗口一样,retour就是我想要的位置,但是如果我向下滚动,它不会一直滚动到底部,我将位置改为fixed,它可以工作,它总是在屏幕底部,但如果它不随滚动键移动,我会更好。这正是我所做的,在问题发生后,我将位置从绝对位置更改为相对位置,并忘记将其更改回来。至于利润,我知道我希望它是20像素从右边和底部的屏幕它工作之前,我添加了一个iframe,然后它disappeared@Cl艾门科林,我不能不看你的密码就说什么我编辑了这个问题。我发现:如果页面大小与窗口一样,retour正是我想要的位置,但是如果我向下滚动,它不会一直滚动到底部,我将位置更改为fixed,它可以工作,它总是在屏幕底部,但如果它不随滚动而移动,我会更好