CSS布局问题

嗨im新到css和iv一直试图在文本框“忘记密码”链接下放置一个链接。在窗户上的Firefox，它与文本框的边缘不符。任何人都可以给我任何指针。下面是我尝试使用：CSS布局问题

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

来源

2011-05-26 Matthew

使用这个CSS：

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

来源

2011-05-26 15:35:38

试试这个：

.resetPassword { 

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

}

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

来源

2011-05-26 15:36:39

什么是：

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

尝试没有风格= ..：

top: 331px; left: 316px

你应该知道那个位置绝对是其相对于绝对或相对的下一个父元素多数民众赞成。

尝试给你的父母元素一个位置：相对和位置你的链接到容器的底部。

问候语，MRu

来源

2011-05-26 15:37:11 michiruf

我用这个CSS和在Linux中的Firefox工作正常，但不是Windows的Firefox的字体样式：斜体; \t font-size：80％; \t padding-left：240px; \t位置：相对; \t top：-5px; – Matthew 2011-05-26 15:42:53

我并不是说你应该使用位置来定位你的元素。你的链接应该保持绝对。但你也可以尝试给父容器'position：absolute;'和你试图移动的链接'position：absolute;底部：0; right：auto;'（或0或任何你想要的） – michiruf 2011-05-26 15:48:27

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

<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，因为这不是一个CSS属性名称，别名或其他。

来源

2011-05-26 17:22:32 Necrower

回答

相关问题