【问题标题】:Div doesnt display right with position absolute绝对位置的 Div 不正确显示
【发布时间】:2013-12-21 02:01:25
【问题描述】:

http://axol.de/HTML/Projects.html

在此页面上,您可以看到“Impressum”位于页面中间,而不是右下角。谁能告诉我为什么会这样?

我不想给我的body加“height:100%”,因为那样y轴上无缘无故多了一个滚动条……

如何在不给 body 任何高度的情况下将它放在底部页面上?

【问题讨论】:

  • 您的“印象”将出现在图片的右侧。如果你想要它在右下角(在图像下方),你必须删除你的位置和 clear:both,然后添加:float:right。像这样,它会出现在右下角。并且只放一点边距-权利

标签: html position positioning absolute


【解决方案1】:

这是因为您没有设置<div>-Tag 的位置。默认情况下,它直接位于前一个元素的下方。

设置为页脚(div):

position: fixed;
bottom: 0px;

为了你的右对齐(div)

width: 100%;
text-align: right;

还有一点距离到右边界 (a)

margin-right: 10px;

顺便说一句:你可以用overflow:hidden(body)隐藏滚动条

编辑:

<div ... style="position:fixed; bottom:0px; width:100%; text-align:right">
  ...
  <a ... style="margin-right:10px"></a>
  ...
</div>

【讨论】:

  • 我在 div 标签上使用“绝对位置”... 为什么这不起作用?我真的需要两个额外的 div 来让一个单词在右下角对齐吗?
  • 编辑:我刚刚注意到:当我将“位置:相对”从我的身体中取出时,它起作用了......我不知道为什么...... :-O
  • 没有多余的&lt;div&gt;,您可以从&lt;div&gt;更改CSS,对于边框的距离,您可以更改&lt;a&gt;的CSS。
猜你喜欢
  • 2011-11-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-09
  • 2013-09-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多