css 与前一个同级对齐

Question

考虑以下因素: http://jsfiddle.net/Johnny5/EC8kK/

我希望输入按钮与内部 div 右侧对齐，而不与其他元素包裹在一起。示例:

|---div.container-------------------|
|                                   |
| |--div.box---------------|        |
| |                        |        |
| |------------------------|        |
|                                   |
|                |--input--|        |
|                |---------|        |
|                                   |
|-----------------------------------|

.box的宽度已知，但不知道输入的宽度。所以我无法准确计算margin-left对于该输入。我不想添加容器 <div>围绕 .box 和 input。不太关心 IE <= 7。

理想的解决方案将仅修改CSS，而不添加html标记。

有什么建议吗？

Answer 1

这是 fiddle

http://jsfiddle.net/RcNSN/

这是一个没有修改 HTML 的代码。删除边框后，调整右边距。

http://jsfiddle.net/RcNSN/2/