CSS - 与浮动对齐

Question

我仍然非常擅长CSS,拥有以下CSS/HTML:

<input type="reset" value="Clear" style="float: right;" />
<input type="submit" value="Send" style="float: right;" />

产生以下结果:

alt text http://i49.tinypic.com/10wtjdi.png

而不是所需的输出:

alt text http://i47.tinypic.com/acblzm.png

更改HTML元素的顺序似乎可以解决问题,但也是违反直觉的.

这类问题的一般解决方案是什么？

Answer 1

它们按照它们遇到的顺序浮动,第一个项目浮动到最右边,然后下一个项目立即浮动.

试试这个:

<div style="float: right;">
<input type="reset" value="Clear" style="float: left;" /> 
<input type="submit" value="Send" style="float: left;" /> 
</div>