CSS布局问题

Question

嗨，我刚接触css，iv一直试图在文本框“忘记密码”链接下定位链接。在Windows上的Firefox中，它与文本框的边缘不一致。任何人都可以给我任何指示。以下是我试图使用的内容：

.resetPassword {
    font-style: italic;
    font-size: 80%;
    position: absolute;
    style=top: 331px;
    style=left: 316px;
}

Answer 1

试试这个：

.resetPassword {

    font-style: italic;
    font-size: 80%;
    position: absolute;
    top: 331px;
    left: 316px;

}

style=top和style=left不是CSS属性。

Answer 2

使用此css：

input
{
float:left;
}
.resetPassword
{
float:left;
}

Answer 3

这是什么：

style=top: 331px; style=left: 316px？

尝试不使用style = ..：

top: 331px; left: 316px

你应该知道绝对位置是相对于绝对或相对的下一个父元素。

尝试给父元素一个位置：relative并将链接定位到容器的底部。

问候，MRu

Answer 4

你为什么使用绝对位置？ 假设你有这两个要素：

<input type="password" class="password"/>
<span class="password-forgot">Forgot your password</span>

您可以使用以下内容：

<label>Password</label>
<input type="password"></input><br />
Forgot yout password?

或

<label>Password</label>
<input type="password" style="display:block"></input>
Forgot yout password?

如果你真的需要一个绝对位置，请从你的css中删除“style =”，因为这不是css属性名，别名或anotherthing。