为什么css';位置:绝对';停止工作?
在我的网站上,我有一个浮动在屏幕右上角的语言栏 html:为什么css';位置:绝对';停止工作?,css,css-position,Css,Css Position,在我的网站上,我有一个浮动在屏幕右上角的语言栏 html: 到目前为止还不错。但是当我更新了网站,加入了一个登录系统时,出现了一些问题,语言栏不再浮动。相反,它位于页面的末尾。添加的任何文件中都没有css。css的其他方面仍然有效(比如改变背景色)。该文件是index.php,现在是main.php(index.php现在用于登录屏幕)。css都在main.php文件中。什么会导致行为的改变?您缺少值的单位 尝试: 但您需要设置相对于父对象的位置,以获得更好的结果xD form#form2 {
到目前为止还不错。但是当我更新了网站,加入了一个登录系统时,出现了一些问题,语言栏不再浮动。相反,它位于页面的末尾。添加的任何文件中都没有css。css的其他方面仍然有效(比如改变背景色)。该文件是index.php,现在是main.php(index.php现在用于登录屏幕)。css都在main.php文件中。什么会导致行为的改变?您缺少值的单位 尝试: 但您需要设置相对于父对象的位置,以获得更好的结果xD
form#form2 {
position: relative;
}
你可能应该给我们一个网页链接,然后把你所有的(相关的)代码放在一把小提琴上。我们看不到您发布的内容导致此问题的原因。您是否更改了任何父元素的
位置
类型?如果您将任何设置为相对的,那么您将使用绝对值,而不是文档。@steynvaneveld,因为我添加了很多文件(尽管没有使用css),所以我仍然不知道与此问题相关的代码段。所以我不能全部发布。@MarcB,没有其他元素使用position,只有这个小表单。也许是一些javascript弄乱了这一点,但既然添加了“px”单元解决了我的问题,我就不打算去尝试去发现它是什么。非常奇怪!它起作用了,但是以前不需要这些单位。您很可能在HTML
中添加了DOCTYPE
声明。这是一件好事,可以防止浏览器在怪癖模式下运行。它所做的一件事就是确保单位是正确的。事实并非如此。
.langs {
background-color: #90A090;
position:absolute;
right:4;
top:4;
}
.langs {
background-color: #90A090;
position:absolute;
right:4px; /* right:0; is ok but right:4; will fail */
top:4px;
}
form#form2 {
position: relative;
}