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

回答

相關問題