漂浮在镀铬

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; 
}