css与之前的兄弟姐妹对齐

时间:2011-08-03 15:14:55

标签: css alignment

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

我希望输入按钮与内部div对齐,而不用另一个元素包装。示例:

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

.box的宽度是已知的,但不是输入的宽度。所以我无法准确计算该输入的margin-left。我不想在.box和输入周围添加容器<div>。不关心IE&lt; = 7。

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

有什么建议吗?

2 个答案:

答案 0 :(得分:3)

这是小提琴

http://jsfiddle.net/RcNSN/

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

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

答案 1 :(得分:3)

这样的事情:http://jsfiddle.net/bGE2J/?只要您的容器不流畅,它就应该工作。