为什么css'位置：绝对'停止工作？

Question

在我的网站中，我的屏幕右上角有一个语言栏。

HTML：

<form id='form2' name='form2' method='get' action=''>
<div id='langs' class='langs'>
<button type='submit' name='lang' value='PT'>PT</button>
<button type='submit' name='lang' value='EN'>EN</button>
</div></form>

的CSS：

.langs {
    background-color: #90A090;
    position:absolute;
    right:4;
    top:4;
}

到目前为止一切顺利。但是当我更新网站以包含来自here的登录系统时，出现了问题，并且语言栏不再浮动。相反，它位于页面的末尾。添加的文件中没有css。而css的其他方面仍然有效（比如改变背景颜色）。该文件是index.php，现在是main.php（index.php现在用于登录屏幕）。 css都在main.php文件中。可能导致行为改变的原因是什么？

Answer 1

你错过了价值的单位

尝试：

.langs {
    background-color: #90A090;
    position:absolute;
    right:4px; /* right:0; is ok but right:4; will fail */
    top:4px;
}

但是您需要设置相对于父级的位置，以获得更好的结果xD

form#form2 {
  position: relative;
}