漂浮在鍍鉻

Question

分辯輸入我有形式：http://jsfiddle.net/U8D3w/

<form> 
<label for="username">Username:</label> 
<input type="text" name="username" /> 
<br /> 

<label for="password">Password:</label> 
<input type="password" name="password" /> 
<br /> 

<input type="submit" name="signin_submit" value="OKEY" /> 
</form> 

爲什麼在鉻錯了正確的行爲？

Answer 1

「人無我勁歌按鈕，輸入不對齊」

你的表單元素有100％的默認寬度...這就是爲什麼......

給他的寬度，或嘗試添加顯示：內嵌塊到他的風格

Answer 2

你只是添加一個浮點按鈕[type = submit]這就是爲什麼你的按鈕是onyl漂浮在右邊。

如果您希望按鈕與輸入對齊，請爲容器設置寬度，以免按鈕突出框。您可能需要添加清除類（使用css屬性clear：both;），以允許按鈕留在div內。

http://jsfiddle.net/U8D3w/1/

form{ 
width:505px; 
}