Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么retour div不在右下角?_Html_Css - Fatal编程技术网

Html 为什么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

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;
  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&amp;
          color=#9cb4b6;
          auto_play=true;
          hide_related=false&amp;
          show_comments=true&amp;
          show_user=true&amp;
          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,它可以工作,它总是在屏幕底部,但如果它不随滚动而移动,我会更好