DIV 布局和定位

Question

我正在努力定位一个输入按钮，然后将表单字段放在 DIV 的右侧。

你可以在这里看到基本布局：http://jsfiddle.net/qk0jp5pt/

body { background-color:#C0C0C0; }
#page { width: 80%; margin: 30px auto; padding: 0; border: 1px solid #800000 }   
#row { width: 80%; border: 1px solid #FF0000; }                                                                                                                                                                   
#table { width: 80%; border: 1px solid #00FF00 }

#row 是我要对齐的 div。它的边框是红色的，我想将输入按钮移到 DIV.

的右侧

最终我想添加一个输入文本字段，并让它们都在 #row 中右对齐。 http://jsfiddle.net/qk0jp5pt/1/

谁能告诉我做错了什么！

谢谢

Answer 1

添加：

text-align: right;

到 #row 就可以了

http://jsfiddle.net/qk0jp5pt/2/

Answer 2

您可以将浮动用于 div 内容或输入。

    float: right;